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