教你使用markdown画程序流程图

2024-08-24 19:25:11

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

说明：

tag是流程图中的标签，名称可以任意，一般为流程的英文缩写和数字的组合。
type用来确定标签的类型，由于标签的名称可以任意指定，所以要依赖type来确定标签的类型

标签有6种类型：start/end/operation/subroutine/condition/inputoutput
content是流程图文本框中的描述内容，中英文均可。特别注意，type后的冒号与文本之间一定要有个空格
url是一个连接，与框框中的文本相绑定，点击文本时可以通过链接跳转到url指定页面

2.2 连接流程图元素

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

cond(yes)->io->e

cond(no)->sub(right)->op

最新文章

热门文章