https://henglgh.github.io/hugo-articles/tags/mermaid/Recent content in Mermaid on 阿根Hugoen-us© 阿根Tue, 10 Dec 2024 14:45:55 +0800https://henglgh.github.io/hugo-articles/posts/mermaid%E8%AF%AD%E6%B3%95%E6%8C%87%E5%8D%97/Tue, 10 Dec 2024 14:45:55 +0800https://henglgh.github.io/hugo-articles/posts/mermaid%E8%AF%AD%E6%B3%95%E6%8C%87%E5%8D%97/1. 前言 Mermaid是一种基于文本的图表绘制工具，允许用户使用简单的文本描述创建各种图表。本文将详细介绍Mermaid的语法和使用方法。 2. 基础语法 2.1. 图表定义 所有Mermaid图表都以以下格式开始： 图表类型 图表内容 2.2. 注释 使用%%添加注释，注释必须单独一行，不能添加到语句末尾： flowchart TD %% 这是一条注释 A --> B flowchart TD %% 这是一条注释 A --> B 2.3. 图表方向 对于流程图、时序图等，可以指定图表方向： TD 或 TB: 从上到下 LR: 从左到右 RL: 从右到左 BT: 从下到上 3. 流程图 (Flowchart) 3.1. 基本形状 flowchart TD A[矩形] --> B(圆角矩形) C{菱形} --> D[(数据库)] E>不对称矩形] --> F{{六边形}} flowchart TD A[矩形] --> B(圆角矩形) C{菱形} --> D[(数据库)] E>不对称矩形] --> F{{六边形}} 3.2. 连接线 flowchart TD A --> B %% 实线箭头 C --- D %% 实线无箭头 E -- 文本 --> F %% 带文本的实线箭头 G ---|文本| H %% 带文本的实线无箭头 I -.