写在前面

突然发现Notion可以支持mermaid语法了, 这里整理一些常用的Mermaid语法来.

可能使用Notion页面查看更加方便一些:

Mermaid 从入门到入土——Markdown 进阶语法

概述

• Mermaid 能绘制哪些图？
• 饼状图：使用pie关键字，具体用法后文将详细介绍
• 流程图：使用graph关键字，具体用法后文将详细介绍
• 序列图：使用sequenceDiagram关键字
• 甘特图：使用gantt关键字
• 类图：使用classDiagram关键字
• 状态图：使用stateDiagram关键字
• 用户旅程图：使用journey关键字
• 实例：朱元璋家谱简图，圆圈代表皇帝。

graph LR
emperor((朱八八))-.子.->朱五四-.子.->朱四九-.子.->朱百六

朱雄英--长子-->朱标--长子-->emperor
emperor2((朱允炆))--次子-->朱标
朱樉--次子-->emperor
朱棡--三子-->emperor
emperor3((朱棣))--四子-->emperor
emperor4((朱高炽))--长子-->emperor3

饼状图

• 语法——仅供参考，建议直接看实例
• 从pie关键字开始图表
• 然后使用title关键字及其在字符串中的值，为饼图赋予标题。（这是可选的）
• 数据部分