1. 使用 mermaidjs
    引入 js 文件:mermaid.min.js

    1
    2
    3
    4
    5
    6
    7
    
    vi themes/even/layouts/partials/footer.html
    #添加下面代码
    <!-- mermaid JS -->
    <script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
    <script>
        mermaid.initialize({ startOnLoad: true });
    </script>
    
  2. 在 md 文件中添加代码块

    1
    2
    3
    4
    5
    6
    
    <div class="mermaid">
      graph LR
          A --- B
          B-->C[fa:fa-ban forbidden]
          B-->D(fa:fa-spinner);
    </div>