「Mermaid」- 快速开始（学习笔记）

问题描述

Mermaid，基于 JavaScript 的绘图工具，通过文本定义图解内容，即：我们只需要编写“代码”来描述图解，而图解的创建、布局、渲染等等由工具完成。下面是通过 Mermaid 绘制的图解（复制于官方的 README.md 文件，还有很多其他样式）：

| |

学习 Mermaid 原因：GitLab 支持渲染在 Markdown 中的 Mermaid 代码，因此我们可以通过 Mermaid 在 REAME.md 中插入图解，方便修改（相比原始的插入固定的图片的方式），因此我们才学习 Mermaid 的使用方法。（当然，除了 Mermaid 之外，GitLab 还支持 PlantUML，但是需要额外配置。既然都是学习“这种新知识”，使用哪个又有什么区别呢？我们认为 Mermaid 被默认启用，也是被官方认同的，所以就学习 Mermaid 使用方法）

该笔记将记录：Mermaid 的学习笔记，记录相关资源，整理常见问题及其处理方法。

注释符号

How do I do comments? · Issue #47 · mermaid-js/mermaid

双百分号（%%）