About Mermaid (mermaid-js.github.io) 支持在Markdown中使用标记语言生成流程图。比如:
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
生成的流程图应该是这样的:
图片.png
可惜不是所有的网站都支持,貌似简书就不支持。
如果在自己的网站中使用,可以引入这个库,然后执行渲染,那么所有div中带有class="mermaid"的都会被解释为流程图.
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script>mermaid.initialize({startOnLoad:true});
</script>
网友评论