为 Hexo 增加流程图解析功能

1. 安装

hexo-filter-flowchart 插件:

npm install --save hexo-filter-flowchart

2. 配置

站点配置文件 _config.yml 中增加如下配置:

flowchart:
	# raphael:   # optional, the source url of raphael.js
	# flowchart: # optional, the source url of flowchart.js
	options: # options used for `drawSVG`
      scale: 1,
      line-width: 2
      line-length: 50
      text-margin: 10
      font-size: 12

3. 示例

新建文章，增加如下内容：

st=>start: 开始
e=>end: 结束
op1=>operation: 操作
sub1=>subroutine: 子流程
cond=>condition: 成功
io=>inputoutput: 输入输出...

st->op1->cond
cond(yes)->io->e
cond(no)->sub1(right)->op1

效果如下：

st=>start: 开始 e=>end: 结束 op1=>operation: 操作 sub1=>subroutine: 子流程 cond=>condition: 成功 io=>inputoutput: 输入输出... st->op1->cond cond(yes)->io->e cond(no)->sub1(right)->op1{"scale":1,"line-width":2,"line-length":50,"text-margin":10,"font-size":12}