GoAT 图表
保留了 Hugo 内建的 GoAT 图表支持，更多信息见 Hugo 文档。
| Markdown | ```goat
. . . .--- 1 .-- 1 / 1
/ \ | | .---+ .-+ +
/ \ .---+---. .--+--. | '--- 2 | '-- 2 / \ 2
+ + | | | | ---+ ---+ +
/ \ / \ .-+-. .-+-. .+. .+. | .--- 3 | .-- 3 \ / 3
/ \ / \ | | | | | | | | '---+ '-+ +
1 2 3 4 1 2 3 4 1 2 3 4 '--- 4 '-- 4 \ 4
``` |
|---|---|
| 渲染效果 |
Mermaid 图表
额外添加了对 Mermaid 图表的支持，可通过特定的代码块或短代码来显示 Mermaid 图表。
提示 Tip
可通过双击图表区域显示/隐藏该图表的 Mermaid 源码
| Markdown | 渲染效果 |
|---|---|
```mermaid
graph LR
A[Square Rect] -- Link text --> B((Circle))
A --> C(Round Rect)
B --> D{Rhombus}
C --> D
``` | graph LR
A[Square Rect] -- Link text --> B((Circle))
A --> C(Round Rect)
B --> D{Rhombus}
C --> D |
{{< mermaid >}}
sequenceDiagram
participant Alice
participant Bob
Bob->>Alice: Hi Alice
Alice->>Bob: Hi Bob
{{< /mermaid >}} |
sequenceDiagram
participant Alice
participant Bob
Bob->>Alice: Hi Alice
Alice->>Bob: Hi Bob
|