实践Markdown画图

Posted on | In | Visitors

不是所有的markdown引擎支持markdown画图，支持得比较好的包括：Typora

样例：

st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
out=>inputoutput: Output
sub=>subroutine: Sub
e=>end
st->op->cond
cond(yes)->out->e
cond(no)->sub->op

源码：

1
2
3
4
5
6
7
8
9
10
11
​```flow
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
out=>inputoutput: Output
sub=>subroutine: Sub
e=>end
st->op->cond
cond(yes)->out->e
cond(no)->sub->op
​```

元素

定义元素的语法：node=>type: content:>url

node：元素名称

type：元素类型，有6种类型：

  • start # 开始
  • end # 结束
  • operation # 操作
  • subroutine # 子程序
  • condition # 条件
  • inputoutput # 输入或产出

content：元素显示内容，为空则显示null，注意type后的冒号与文本之间一定要有个空格。start和end的content可以省略，默认content分别为Start和End。

url：链接地址，与content绑定

连接

使用->连接元素，例如：st->op表示st元素连接op元素。

由于condition存在分支，连接需要特殊处理，例如：

1
2
c2(yes)->io
c2(no)->op2