Mermaid
用原生 HTML 语法的 Mermaid 测试
本文不使用 Hugo 短代码，直接在文章中写入 <div class="mermaid">...</div> 进行渲染。
流程图（flowchart）
sequenceDiagram
Alice->>John: Hello John, how are you?
John-->>Alice: Great!
Alice-)John: See you later!
时序图（sequenceDiagram）
sequenceDiagram
participant Alice
participant Bob
Bob->>Alice: Hi Alice
Alice->>Bob: Hi Bob
类图（classDiagram）
classDiagram
class Blog {
+string title
+render()
}
class Post {
+string title
+string content
+render()
}
Blog "1" o-- "*" Post : contains
饼图（pie）
pie title 分类占比
"前端" : 40
"后端" : 30
"算法" : 20
"其它" : 10
提示：若首次打开未渲染，请关闭再打开窗口或刷新；主题脚本会在内容变化时重新调用 Mermaid 渲染。