Typora內置了對Mermaid的支持，從而支持繪制非常多種類的圖片。
如時序圖、流程圖、類圖、甘特圖等等
快速、簡潔、優雅
而且生成的配色也足夠美觀，配色和諧不唐突！
首先在Typora中引用Mermaid，即可初始化一張空白圖
流程圖(graph)
使用graph關鍵字，TD表示自上而下，箭頭指向下一級，簡單可靠~
graph TD; TPG-->集團; TPG-->C; TPG-->D; TPG-->B; B-->F; TPG-->你好;
時序圖（sequenceDiagram）
用來表達流程很棒的東西，看到這有沒有想到TCP、UDP揮手握手的那個
使用sequenceDiagram關鍵字，實線用一個減號表示，虛線用兩個減號
sequenceDiagram 認證->>中台:query1 中台->>服務:query2 服務-->>中台:answer1 中台-->>認證:answer2
狀態圖（stateDiagram）
用stateDiagram表示，*號表示開始或結束
stateDiagram [*]-->A B-->A A-->B A-->C B-->[*] C-->[*]
類圖（classDiagram）
<|--表示繼承
+表示public
-表示private
classDiagram 生物<|--動物 生物<|--植物 生物<|--微生物 生物:+活着的 生物:+應該遲早會死() class 動物{ +會動 -肯定比那倆動的多吧...() } class 植物{ +不太會動 -老子能光合作用...() } class 微生物{ +看不見爺() -其他隨意 }
甘特圖(gantt)
通過完善標題、日期格式、項目、項目細分，甘特圖可以靈活運用在工作安排上
gantt title 招聘計划 dateFormat YYYY-MM-DD section 城市 廣州:a1,2022-01-01,10d 東莞:after a1,5d 深圳:2022-01-13,10d section 關鍵節點 大學城巡回宣講:a3,2022-01-05,3d 人才市場:after a3,2d
餅圖（pie）
都不用自己算占比，只要輸入對應的值和鍵，pie自動生成餅圖~
pie title 市占率 "A企":50.9 "B企":10.1 "C企":30.9 "D企":59.8