美文网首页
使用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