目录

map mermaid

documentation

mermaid 是一个可以帮助你在文章中生成图表和流程图的库, 类似 Markdown 的语法.

tips: must open math: true

base

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 >}}

lines

 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 >}}