Typora:mermaid语法流程图绘制方法

方向：

graph或graph TB或graph TD：从上往下
graph BT：从下往上
graph LR：从左往右
graph RL：从右往左

结点：

无名字的结点：直接写内容，此时结点边框为方形；节点内容不支持空格
有名字的结点：节点名后书写内容，内容左右有特定符号，结点边框由符号决定；节点内容可以有空格

形状

    默认方形
    id1[方形]
    id2(圆边矩形)
    id3([体育场形])
    id4[[子程序形]]
    id5[(圆柱形)]
    id6((圆形))
    

	id1{菱形}
	id2{{六角形}}
	id3[/平行四边形/]
	id4[\反向平行四边形\]
	id5[/梯形\]
	id6[\反向梯形/]

箭头
实线箭头：分为无文本箭头和有文本箭头，有文本箭头有2种书写格式

	a-->b--文本1-->c-->|文本2|d

​ 粗实线箭头：分为无文本箭头和有文本箭头

a==>b==文本==>c

​ 虚线箭头：分为无文本箭头和有文本箭头

a-.->b-.文本.->c

​ 无箭头线：即以上三种连线去掉箭头后的形式

a---b
b--文本1!---c
c---|文本2|d
d===e
e==文本3===f
f-.-g
g-.文本.-h

​ 其他连线：需要将graph关键字改为flowchart，除了新增加的连线形式外，上面三种线的渲染效果也会不同

A o--o B
B <--> C
C x--x D

​

​ 延长连线：增加相应字符即可，如下图中的B到E，连线中增加了一个-。字符可多次添加。

A[Start] --> B{Is it?};
B -->|Yes| C[OK];
C --> D[Rethink];
D --> B;
B --->|No| E[End];

​ 多重链：使用&字符，或者单个描述

 a --> b & c--> d  
   A & B--> C & D
    X --> M
    X --> N
    Y --> M
    Y --> N

子图：需要将graph关键字改为flowchart，在代码段的开始加入subgraph，尾部加入end

flowchart TB
    c1-->a2
    subgraph one
    a1-->a2
    end
    subgraph two
    b1-->b2
    end
    subgraph three
    c1-->c2
    end
    one --> two
    three --> two
    two --> c2

注释：在行首加入%%即可