segmentfault 上有一篇咨询 Markdown 条件判断的问题,我也顺便简单学习了一下 Markdown 的流程图语法。还好,SF 支持流程图,貌似采用的是 flowchart.js。
Flowchart.js 仅需几行代码即可在 Web 上完成流程图的构建。可以从文字表述中画出简单的 SVG 流程图,也可以画出彩色的图表。
Draws simple SVG flow chart diagrams from textual representation of the diagram http://flowchart.js.org/
先来看一段入门案例
流程图代码在 Markdown 编辑中应该是下面这样的
输出结果大致如下:
在markdown语法中,流程图的画法和代码段类似,也就是说,流程图是写在两个
之间的。
比如说php代码,会是这样一种格式:
那么流程图就是这样的:
语法
流程图的语法大体分为两部分:
前面部分用来定义流程图元素;
后面部分用来连接流程图元素,指定流程图的执行走向。
定义元素阶段的语法是
tag=>type: content:>url