Mermaid 是一个基于 JavaScript 的图表工具,使用 Markdown 启发的文本定义和一个渲染器来创建和修改复杂的图表。
| Module Path | Version |
|---|
github.com/razonyang/hb/modules/mermaid |  |
用法
Mermaid 代码块
1```mermaid
2DIAGRAM SYNTAX
3```
Mermaid 短代码
1{{< mermaid >}}
2DIAGRAM SYNTAX
3{{< /mermaid >}}
例子
详情请参阅 Mermaid Docs。
流程图
graph TD;
A-->B;
A-->C;
B-->D;
C-->D;
类图
classDiagram
note "From Duck till Zebra"
Animal <|-- Duck
note for Duck "can fly\ncan swim\ncan dive\ncan help in debugging"
Animal <|-- Fish
Animal <|-- Zebra
Animal : +int age
Animal : +String gender
Animal: +isMammal()
Animal: +mate()
class Duck{
+String beakColor
+swim()
+quack()
}
class Fish{
-int sizeInFeet
-canEat()
}
class Zebra{
+bool is_wild
+run()
}