【备忘-markdown】-markdown语法画流程图

1 横向流程图

​```mermaid
graph LR
A[方形] -->B(圆角)
    B --> C{条件a}
    	C -->|a=1| D[结果1]
    	C -->|a=2| E[结果2]
    F[横向流程图]

a=1

a=2

方形

圆角

条件a

结果1

结果2

横向流程图

2 纵向流程图

​```mermaid
graph TD
A[代表1] --> B[代表2]
B[代表2] --> C(代表3)
C-->|a=1|D(代表4)
C-->|a=1|E(代表5)

a=1

a=1

代表1

代表2

代表3

代表4

代表5

3 标准流程图

flow
st=>start: 注册印象笔记
e=>end: 您可以使用markdown
op1=>operation: 登录印象笔记
op2=>operation: 购买并登录马克飞象
cond=>condition: 是否已经购买并登录了马克飞象?

st->op1->cond
cond(yes)->e
cond(no)->op2->e

Created with Raphaël 2.2.0 注册印象笔记 登录印象笔记 是否已经购买并登录了马克飞象? 您可以使用markdown 购买并登录马克飞象 yes no

4 纵向标准流程图

flow
st=>start: 开始框
op=>operation: 处理框
cond=>condition: 判断框(是或否?)
sub1=>subroutine: 子流程
io=>inputoutput: 输入输出框
e=>end: 结束框
st(right)->op(right)->cond
cond(yes)->io(bottom)->e
cond(no)->sub1(right)->op

Created with Raphaël 2.2.0 开始框 处理框 判断框(是或否?) 输入输出框 结束框 子流程 yes no