Markdown流程图
Markdown中的流程图主要为两种：Mermaid流程图，Flowchart流程图。两种流程图风格不同，各有优势，实际情况中可根据需要来选用。本文流程图的使用只需根据示例即可习得，直观，方便。
Mermaid流程图
三个关键点：图向，形状，连线
图向（Left,Right,Top,Bottom）
graph LR 流程图从左到右
graph RL 流程图从右到左
graph TB 流程图从上到下
graph BT 流程图从下到上
```mermaid
graph LR
A --> B
B–>C
```
```mermaid
graph RL
A --> B
B–>C
```
```mermaid
graph TB
A --> B
B–>C
```
```mermaid
graph BT
A --> B
B–>C
```
形状（矩形，圆形，菱形，圆角矩形，斜边矩形）
id + [文字描述]矩形
id + (文字描述)圆角矩形
id + >文字描述]斜边矩形
id + {文字描述}菱形
id + ((文字描述))圆形
```mermaid
graph LR
A[矩形]
B(圆角矩形)
C>斜边矩形]
D{菱形}
E((圆形))
```
注：不加任何描述形状默认为矩形
连线
```mermaid
graph LR
A–>B
C—D
E==>F
G===H
I-.->J
M-.-N
```扫描二维码关注公众号，回复： 11900983 查看本文章
```mermaid
graph LR
A–说明–>B
C–说明—D
E==说明==>F
G==说明===H
I-.说明.->J
M-.说明.-N
```
Flowchart流程图
第一部分是定义
第二部分是绘画
```flow
start=>start: 开始
end=>end: 结束
op=>operation: 操作
sub=>subroutine: 子程序
cond=>condition: 是（条件判断）?
cond2=>condition: 是（条件判断）?
input=>inputoutput: 输入
output=>inputoutput: 输出start->input->op->cond
cond(yes)->end
cond(no)->cond2
cond2(yes,right)->sub
cond2(no,bottom)->output->end```
注：含有=>的行，为定义部分；含有->的行，为绘画部分。