简评markdown的流程图功能

2019年8月27日 分类:Markdown 作者:网盘

markdown是一项轻标记语言,适合专业的写作爱好者,当你有兴趣使用markdown绘制图形时,你会发现这项功能具有很强的实用性,它确实能解决你实际工作中遇到的难题。

比如,这个应用度最多的mermaid,就是流程图的意思。markdown最具创意的一点在于它通过简单的步骤拆解了大型的流程图,使得我们的操作更具可控性。

流程图方向有这几个值:TB 从上到下;BT 从下到上;RL 从右到左;LR 从左到右;TD 同TB,markdown通过英文字母描述这些方向类别。

具体的实施效果就等于发出指令然后看到实施的案例效果,通过命令的形式。

类似功能有:节点之间的连接,比如:

A –> B A带箭头指向B;

A — B A不带箭头指向B;

A -.- B A用虚线指向B;

A -.-> B A用带箭头的虚线指向B;

A ==> B A用加粗的箭头指向B;

A — 描述 — B A不带箭头指向B并在中间加上文字描述;

A — 描述 –> B A带箭头指向B并在中间加上文字描述;

A -. 描述 .-> B A用带箭头的虚线指向B并在中间加上文字描述;

A == 描述 ==> B A用加粗的箭头指向B并在中间加上文字描述;

demo:

绘制一个流程图,找出 A、 B、 C 三个数中最大的一个数。

基本图形:id + [文字描述]矩形;id + (文字描述)圆角矩形:id + >文字描述]不对称的矩形;id + {文字描述}菱形;id + ((文字描述))圆形。

其中直线和连线的使用能为图形带来不错的美型效果。

比如:

  graph LR

test((指我干啥))

直线 — test

虚线 -.- test

箭头 –> test

虚线箭头 -.-> test

粗直线 === test

粗箭头 ==> test

双竖线加标签 —|”||加标签”| test

效果为:

要注意:markdown能带来美型效果,但是它没有办法让html直接呈现,需要安装转换为html的插件。

阅读已结束,喜欢的话就点个赞吧
注册坚果云网盘
还有其他问题,可以咨询小坚果咨询小坚果
继续阅读