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的插件。