0x00 引入mermaid.js

  1. 引入文件:mermaid.js下载地址
  2. 引入代码:

    <div class="mermaid"></div>
    <script src="https://xxx/mermaid.min.js"></script>
    


    0x01 示例代码及其效果

    1. 代码如下:
    <!-- 注意:markdown时要使用转义字符"\-"代替"-" -->
    <div class="mermaid">
    graph TD;
        A-->B;
        A-->C;
        B-->D;
        C-->D;
    </div>
    <script src="https://cdn.staticfile.org/mermaid/8.0.0-rc.8/mermaid.min.js"></script>
    
  3. 效果如下:

    graph TD; A-->B; A-->C; B-->D; C-->D;