一、通过 CDN 引入 Mermaid.js

118 阅读1分钟

1、script 标签引入

<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>

2、定义类名为 mermaid 的 div

<div class="mermaid">
  graph TD; A[开始] --> B[步骤1]; B --> C{决策}; C -->|一个| D[结果1]; C
  -->|二个| E[结果2]; D --> F[结束]; E --> F;
</div>

3、效果

v2-45bf87f87dc471ae7e26125112d19404_720w.png

4、源码

链接: pan.baidu.com/s/1UhZqLabB… 提取码: p65e