mermaid常见语法汇总记录(不断更新)

快速回忆

要点1:

```mermaid
	%% 这是注释,需要>,label用[""],换行用\n
	flowchart LR
	a --> b 
	b["a\na2"] --> c["c"] 
	```
a
a
a2
c

要点2:

```mermaid
	flowchart LR  	
	A-- This is the text! ---B
	```
This is the text!
A
B

细节

---
title: Node
---

#方向 LR TD
flowchart LR 

# 标签内换行 </br>
a --> b["abc</br>def">

# 注释
%%

# 长方形
id1[This is the text in the box]

# 注释
A-- This is the text! ---B

# 虚线
A -.-> B

# 线段注释
A-->|text|B

# 框图
subgraph one
    a1-->a2
end
    
# 注释
a --> b["abc"]

# 颜色
开头统一注释
classDef color_01_red fill:#f96
使用:
a --> b:::color_01_red

:::相当于成员,设置颜色属性

参考:https://mermaid.js.org/syntax/flowchart.html

箭头

在这里插入图片描述

markdown

在这里插入图片描述

大小括号-数据库

在这里插入图片描述

圆形 (())

文档:
https://mermaid.js.org/intro/n00b-gettingStarted.html
在线编辑:
https://mermaid.live/edit

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值