简介

本文介绍flask下使用superfences来绘制markdown的流程图。

安装

安装pymdown-extensions

pip install pymdown-extensions

配置superfences

exts = ['markdown.extensions.extra', 'markdown.extensions.codehilite', 'markdown.extensions.tables',
                    'markdown.extensions.toc', 'pymdownx.superfences']

添加js

<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.7/raphael.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-sequence-diagrams/1.0.6/sequence-diagram-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flowchart/1.6.5/flowchart.min.js"></script>

代码

 ```flow  
st=>start: 开始  
e=>end: 结束  
op=>operation: 我的操作  
cond=>condition: 确认？  

st->op->cond  
cond(yes)->e  
cond(no)->op
 ```

效果

st=>start: 开始
e=>end: 结束
op=>operation: 我的操作
cond=>condition: 确认？

st->op->cond
cond(yes)->e
cond(no)->op

参考