跳过正文
  1. 示例/

流程图和思维导图

1 分钟·
Mermaid 示例 流程图 简码
Blowfish
作者
Blowfish
一个强大、轻量级的 Hugo 主题。
目录

Blowfish 使用 mermaid 简码可以调用。Blowfish 会根据配置的 colorScheme 参数自动调用 Mermaid 生成流程图或者思维导图。

有关更多详细信息,请参阅 Mermaid 简码 文档。

下面的示例是从官方 Mermaid 文档 中选取的一小部分。您还可以在 GitHub 上查看页面源代码 查看书写方法。

流程图
#

Section

Get money

One

Two

Three

Christmas

Go shopping

Let me think

Another

Laptop

iPhone

Car

时序图
#

BobJohnAliceBobJohnAlicepar[Action 1][Action 2]John is perceptiveloop[Every minute]Hello John, how are you?1Hello Bob, how are you?2Hello John, how are you?3John, can you hear me?4Hi Alice, I can hear you!5I feel great!6Great!7

类图
#

1
Animal
+int age
+String gender
+isMammal()
+mate()
Duck
+String beakColor
+swim()
+quack()
Fish
-int sizeInFeet
-canEat()
Zebra
+bool is_wild
+run()

实体关系图
#

CUSTOMERDELIVERY-ADDRESSORDERINVOICEORDER-ITEMPRODUCT-CATEGORYPRODUCThasplacesliable forreceivescoversincludescontainsordered in

相关文章

图表
1 分钟
表格 示例 图片 简码
简码
10 分钟
简码 Mermaid 图标 Lead Docs
Emoji 表情符号 🪂
1 分钟
Emoji 示例
内容示例
8 分钟
内容 示例
Buy Me A Coffee