美文网首页
使用Mermaid在Markdown中插入流程图

使用Mermaid在Markdown中插入流程图

作者: 寻找无名的特质 | 来源:发表于2022-05-30 06:19 被阅读0次

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>

相关文章

网友评论

      本文标题:使用Mermaid在Markdown中插入流程图

      本文链接:https://www.haomeiwen.com/subject/rmvpurtx.html