Markdown和Mermaid常规操作

Markdown和Mermaid常规操作

---

文章目录

• Markdown

1. 标题
2. 字体
3. 列表
4. 插入代码片
5. 链接
6. 插入图片
7. 创建表格
8. 注脚
9. 其他{换行操作、将文本居中}

• Mermaid

1. 图标方向
2. 节点形状
3. 连接线
4. 子图

---

标题

# + space + 标题       #的数量越多标题级别越小，最多6个#号

字体

*I Love You*      倾斜

I Love You

**I Love You**     加粗

I Love You

==I Love You==      高亮

I Love You

~~I Love You~~       删除

I Love You

>I Love You          引用

I Love You

H~2~o                下标

H₂o

10^2^                上标

10²

列表

* 玩游戏
  * 登录游戏
    * 开始游戏

• 玩游戏
  • 登录游戏
    • 开始游戏

1. 玩游戏
2. 登录游戏
3. 开始游戏

1. 玩游戏
2. 登录游戏
3. 开始游戏

- [ ] I Love You

• I Love You

- [x] I Love You

• I Love You

插入代码片

​```C++
#include<iostream>
using namespace std;
int mian()
{
    cout<<"Hello World"<<endl;
    return 0;
}
​```

#include<iostream>
using namespace std;
int mian()
{
    cout<<"Hello World"<<endl;
    return 0;
}

链接

[百度](www.baibu.com)

百度

[百度][1]    在文章末尾添加[1]:www.baidu.com

百度

插入图片

• 第一种

![Alt text](图片链接"optional title")
Alt text是图片的标签
"optional  title" 是当鼠标停留在图片上后会显示的文本

• 第二种

![avatar](图片链接)
图片链接可以是本地路径或网址路径

创建一个表格

水果 | 价格
----- | -----    :------: 居中   :------ 居右     -----: 居左
苹果 | 5元
梨子 | 6元
香蕉 | 7元
注：整个表格直接按上面格式输入有可能无法识别，建议先在代码片中输入，在剪切到外面

水果	价格
苹果	5元
梨子	6元
香蕉	7元

注脚

水果[^1]
[^1]:有益健康

水果¹

图表方向

graph 图表方向

方向名	含义
TB\TD	从上到下
BT	从下到上
RL	从右到左
LR	从左到右

节点形状

id[I Love YOU]                   矩形

graph TB id1[I Love You]

id(I Love YOU)                   圆角矩形

graph TB id(I Love YOU)

id((I Love YOU))                  圆形

graph TB id((I Love YOU))

id>I Love You]                      右向旗帜状

graph TB id>I Love You]

id{I Love You}      菱形

graph TB id{I Love You}

连接线

A-->B

graph LR id1[I]-->id2[Love] id2-->id3[You]

A---B

graph LR id1[I]---id2[Love] id2---id3[You]

A--连接---B或A---|连接|B
A--连接-->B或A-->|连接|B

graph LR id1[I]--连接---id2[Love] id2---|连接|id3[You]

graph LR id4[I]--连接-->id5[Love] id5-->|连接|id6[You]

A-.->B
B-.连接.->C

graph LR id1[I]-.-id2[Love] id2-.连接.->id3[You]

A==>B
B==连接==>C

graph LR A[I]==>B[Love] B==连接==>C[You]

子图

graph TB
      A[我]-->B[诗仙]
      subgraph one
      C[李白]-->B
      end
      subgraph two
      E[杜甫]-->F[诗圣]
      end
      subgraph three
      G[李贺]-->H[诗鬼]
      end

graph TB A[我]-->B[诗仙] subgraph one C[李白]-->B end subgraph two E[杜甫]-->F[诗圣] end subgraph three G[李贺]-->H[诗鬼] end

其他

1. 换行

在要换行的文本后输入两格空行，然后回车

2. 将文本居中

可以用html语句

 <center> 想要居中的文字 </center>

---

1. 有益健康↩