安装

hexo-filter-flowchart 插件:

1
npm install --save hexo-filter-flowchart

配置

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

1
2
3
4
5
6
7
8
9
flowchart:
  raphael: https://cdn.bootcss.com/raphael/2.2.8/raphael.min.js
  flowchart: https://cdn.bootcss.com/flowchart/1.11.3/flowchart.min.js
  options: 
      scale: 1,
      line-width: 2
      line-length: 50
      text-margin: 10
      font-size: 12

示例

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

1
2
3
4
5
6
7
8
9
10
st=>start: 开始:>http://www.google.com[blank]
e=>end: 结束:>http://www.google.com[blank]
op1=>operation: 操作
sub1=>subroutine: 子流程
cond=>condition: 成功?:>http://www.google.com[blank]
io=>inputoutput: 输入输出...

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