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
```
```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```
注:含有=>的行,为定义部分;含有->的行,为绘画部分。
来源:CSDN
作者:坐上蜗牛去地球
链接:https://blog.csdn.net/weixin_45792450/article/details/104107889