Gravizo
介绍一个在markdown中插入流程图、各种图的方法
http://g.gravizo.com
打开上面这个网站, 这个网站提供动态生成各种图的http接口
像这样使用, 接口根据传入的参数返回图
1 2 3 4 5 6 7 8 9 10 11 12
| <img src='https://g.gravizo.com/svg? digraph G { main -> parse -> execute; main -> init; main -> cleanup; execute -> make_string; execute -> printf init -> make_string; main -> printf; execute -> compare; } '/>
|
使用
官网中介绍Markdown
中是这样使用的
1 2 3 4 5 6 7 8 9 10 11 12
| 
|
不过在Hexo直接这样写是不行的, 需要进行编码, 找到官网靠近底部的Test/Encoder
, 这里提供一个简单的编码器, 输入你想生成的图 如:
1 2 3 4 5 6 7 8 9 10
| digraph G { main -> parse -> execute; main -> init; main -> cleanup; execute -> make_string; execute -> printf init -> make_string; main -> printf; execute -> compare; }
|
点击编码, 把右边的链接复制过来, 放在Markdown
的图片标签里就可以了
1
| 
|
效果如下

由于只是图片的链接, 所以在任何支持Markdown
或者Html
的地方都能用, 非常方便