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