使用Markdown画流程图

2020-09-28 15:45:19 浏览数 (1)

image.png

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

废话不多说,开始表演。

markdown画流程图

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

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

先来看个例子:

代码语言:javascript复制
 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)

使用很简单,就可以自己画了。_

0 人点赞