教你使用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