教你使用markdown画程序流程图

2016-01-21 10:33:15 星期四

1. 入门案例

st=>start: Start
op=>operation: Your Operation
sub=>subroutine: My Subroutine
cond=>condition: Yes or No?
io=>inputoutput: catch something...
e=>end: End

st->op->cond
cond(yes)->io->e
cond(no)->sub(right)->op

2. 语法

流程图的语法整体分为两部分，第一段用来定义流程图元素，第二段用来连接流程图元素，指定流程图的执行走向。

2.1 定义流程图元素

tag=>type: content:>url

说明：

1. tag是流程图中的标签，名称可以任意，一般为流程的英文缩写和数字的组合。
2. type用来确定标签的类型，由于标签的名称可以任意指定，所以要依赖type来确定标签的类型
   
   标签有6种类型：start/end/operation/subroutine/condition/inputoutput
3. content是流程图文本框中的描述内容，中英文均可。特别注意，type后的冒号与文本之间一定要有个空格
4. url是一个连接，与框框中的文本相绑定，点击文本时可以通过链接跳转到url指定页面

2.2 连接流程图元素

连接流程图元素阶段的语法就简单多了，直接用->来连接两个元素，需要注意的是condition类型，因为他有yes和no两个分支，所以要写成

cond(yes)->io->e
cond(no)->sub(right)->op