CSDN 使用mermaid绘图 使用笔记

参考文档

使用方法：
```mermiad
语句
```

注释 %%

流程图

graph TB(TD)/BT/LR/RL  
// 定义图像排列顺序

连接线

-->   实线箭头
---   实线
-.>   虚线
-.-   虚线
==>   粗实线

添加连线标签

1. 直接加在线中，两侧虚伪两符号
2. 在末尾加，需使用|| 分隔开
3. 含空格等符号的标签用""引号包含

Length	1	2	3
Normal	---	----	-----
Normal with arrow	–>	—>	---->
Thick	===	====	=====
Thick with arrow	==>	===>	====>
Dotted	-.-	-…-	-…-
Dotted with arrow	-.->	-..->	-…->

图形

[]    矩形(默认)
()    圆角矩形
([])  胶囊形
[[]]  子程序结点
[()]  数据库图形
(())  圆形
}     非对称图形
{}    菱形
{{}}  六角形
[\\]   平行四边形 [//]
[/\]   梯形 [\/]

当文字包含括号时,可用引号包起来
添加点击事件 click
设置结点样式 style

序列图

序列图 sequenceDiagram
参与者 participant 命名
发送消息 参与者A ->> 参与者B: 消息
回复消息 参与者B -->> 参与者A: 消息
循环

loop 标题
	···
end

甘特图

日期格式 dateFormat YYYY-MM-DD
标题 title 标题名
区块 section 区块名
任务 任务名 :done/:active/: 任务命名, 起始日期/after 另一个任务命名，结束日期/持续天数

类图

类图 classDiagram

Git分支图

gitGraph