使用Markdown画流程图

李小白是一只喵

发布于 2020-09-28 15:45:19

2K0

发布于 2020-09-28 15:45:19

文章被收录于专栏：算法微时光

image.png

工欲善其事，必先利其器。_

废话不多说，开始表演。

markdown画流程图

流程图的语法大体分为两部分：

流程图元素定义部分；
连接流程图元素部分，该部分用来指明流程图的执行走向。

先来看个例子：

 st=>start: 开始
 e=>end: 结束
 op=>operation: 操作
 sub1=>subroutine: 子程序
 cond=>condition: Yes or No?
 io=>inputoutput: 输入/输出
 st->op->cond
 cond(yes)->io->e
 cond(no)->sub1(right)->op

要将语言选择为flow，就会转换成流程图。 Typora上的运行效果：

image.png

简书啥时候可以支持这个功能呢>?

语法介绍

使用很简单，下面来介绍下语法：

语法	说明
st=>start:	开始
e=>end:	结束
op1=>operation:	操作、执行说明
cond=>condition:	确认？
io=>inputoutput:	catchsomething...
sub1=>subroutine:	My Subroutine
e=>点击本结束跳转:>https://blog.csdn.net	URL
st->op1->cond	链接
cond(yes)->io->e	链接(yes)
cond(no)->sub1(right)->op1	链接(no)