流程图的语法大体分为两部分
- 流程图元素定义部分
- 连接流程图元素部分,该部分用来指明流程图的执行走向
定义元素的语法
tag=>type: content:>url
示例
下面代码用代码库括起来加上flow关键字就可以呈现下面的流程图,根据原定义语法
-
st、op、cond、e
就是定义的元素tag,这个不是关键字,可以起自己看着顺眼的任意的名字,换成op-start、op-your-op、cond-your-cond、op-end
也是没有任何问题的。 -
start、end、operation、condition
是markdown flow的关键字,表示tag的类型,这里没出现的还有inputoutput、subroutine
-
示例中
Start、Your Operation、Yes or No?
就是具体的content -
:
后面表示流程图标签里面的内容,中英文均可,冒号后面必须有一个空格才能被解析 -
:>
后面可以跟一个链接,点击文本时可以通过链接跳转到对应链接
# 这部分是流程图元素定义
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
content
e=>end
# 这部分是流程图元素连接
st->op->cond
cond(yes)->e
cond(no)->op
连接流程图元素
连接流程图元素直接用->
来连接两个元素,几点说明如下:
- 使用 -> 来连接两个元素
- 对于
condition
类型,有yes和no两个分支,如示例中的cond(yes)
和cond(no)
- 每个元素可以制定分支走向,默认向下,也可以用
right
指向右边,left
指向左边