mermaid 是一个可以帮助你在文章中生成图表和流程图的库, 类似 Markdown 的语法.
tips: must open math: true
1
2
3
4
5
6
7
|
{{< mermaid >}}
graph LR;
A[Hard edge] -->|Link text| B(Round edge)
B --> C{Decision}
C -->|One| D[Result one]
C -->|Two| E[Result two]
{{< /mermaid >}}
|
1
2
3
4
5
6
7
8
9
10
11
12
13
|
{{< mermaid >}}
graph LR
Arrow-Start-->Arrow-End;
Beta:Multi-Start <--> Beta:Multi-End;
open-link---next-link;
text-on---|line txt|link;
other-text-on-- line txt !--- other-link;
arrow-text-Start-->|line txt|arrow-text-End;
Dotted-link-Start-.->Dotted-link-End;
Dotted-link-text-Start-.->|line txt|Dotted-link-text-End;
Thick-link-Start==>Thick-link-End;
Thick-link-text-Start== line txt ==>Thick-link-text-End;
{{< /mermaid >}}
|