mermaid 介绍

mermaid 是一种基于 Javascript 的绘图工具，它的语法类似于 Markdown。通过 mermaid 可以很方便的通过文本或者代码创建流程图、时序图等图表。

注意事项

1. 本教程编写时使用的编辑器为内置了 mermaid 的 Markdown 编辑器 Typora，你可以在它们[官方网站](https://typoraio.cn/)上下载。注意，部分 mermaid 的语法可能因为 Typora 版本内置的 mermaid 版本过低导致无法渲染而报错。

2. 本教程主要参考官方文档：[mermaid](https://mermaid-js.github.io/mermaid/#/)。

3. 本教程同 mermaid 一致，使用 MIT 协议开源，你可以在[这里](https://xiaoxin1900drive.vercel.app/zh-CN/Notes/Mermaid%20Tutorial) 下载源文件。

4. 本教程为简明教程，对于一些高级或者对大多数人群不必要的内容，将不会涉及——当然也不排除日后在开源地址补充的可能性。

   
   

如何在 Typora 中插入 mermaid 图表

在 Typora 中插入 mermaid 图表，你只需要像插入其他代码一样，使用以下语法：

Typora 会将图表自动渲染。