标题

使用#标记1~6级标题

语法

# H1
## H2
### H3
#### H4
##### H5
###### H6

说明

#+空格+标题内容
可以添加六级标题
一般正文字体默认比四级标题大一号

使用=和-分别标记一级、二级标题

语法

一级标题 =====
二级标题 -----

缩进、换行、空行、对齐方式

缩进

 或  //全角
输入两个空格
 或  //半角
输入一个空格
 或   //半角之半角
输入一个空格

换行

  • 部分markdown编辑器
    在一行字后面，直接换行回车
  • Visual Studio Code
    必须在一行字后面空两个格子才行

空行

只要这一行只有回车或者space没有其他的字符就算空行

对齐方式

  • 行中心对齐
<center>内容</center>
<div align=center> 内容 </div>
  • 行左对齐
<p align="left">左对齐</p>
  • 行右对齐
<p align="right">右对齐</p>

任务列表

已做任务

- [x][空格]文字

未做任务

- [ ][空格]文字

列表

无序列表

* 无序列表项 一
+ 无序列表项 二
- 无序列表项 三

有序列表

1. 有序列表项 一 2. 有序列表项 二 3. 有序列表项 三

文本样式

强调

**加粗**

倾斜

*斜体*
_斜体_

删除线

~~删除线~~

下划线

<u>下划线</u>

底纹

`底纹`

背景高亮

==背景高亮==

多级引用

语法

> 请问 Markdwon 怎么用？ - 小白 >> 自己看教程！ - 愤青 >>> 教程在哪？ - 小白 >>>>   
> 最后

说明

引用需要在被引用的文本前加上>符号和空格，允许多层嵌套，也允许你偷懒只在整个段落的第一行最前面加上 >，最后一个符号与前一个之间空五格后面的文字会变成代码块类型。

代码块

方法一

语法

    public static void main(String[] args) {
        System.out.println("Hello, Markdown);     
    }

说明

将每一行都缩进 4 个空格或者 1 个水平制表符。

方法二

语法

```java This is a code block. ```

说明

```后可添加编程语言类型，如java, c, c++, python, javascript等，将标识出语言关键字

图片

本地图片，相对路径

假设要插入的图片与 md 文件位于同级目录

语法

![相对路径的图片](./example.png)

本地图片，绝对路径

假设要插入的图片位于D:/picture/example.png

语法

![绝对路径的图片](D:/picture/example.png)

网络图片

假设我们在百度图片上找到一张图片，通过右键单击图片-> 复制图片地址可以获得图片网络地址，https://t7.baidu.com/it/u=1956604245,3662848045&fm=193&f=GIF

语法

![网络图片地址](https://t7.baidu.com/it/u=1956604245,3662848045&fm=193&f=GIF)
<div> <img src="https://meiyan.tech/rest/file/get/leaf_bg.jpg"> </div>

链接

行内式

语法

欢迎阅读 [musescore-translate](https://github.com/xiaxi626/musescore-translate "xiaxi626")

说明

[]里写链接文字，()里写链接地址, ()中的""中可以为链接指定title属性，title属性可加可不加。title属性的效果是鼠标悬停在链接上会出现指定的 title文字，链接地址与title前有一个空格。

参考式

第一种

我经常去的几个网站[Google][1]、[Leanote][2]。  [1]:http://www.google.com  [2]:http://www.leanote.com

第二种

我经常去的几个网站[Google][]、[Leanote][]。  [Google]:http://www.google.com  [Leanote]:http://www.leanote.com

说明

参考式链接分为两部分，文中的写法 [链接文字][链接标记]，在文本的任意位置添加[链接标记]:链接地址。 如果链接文字本身可以做为链接标记，你也可以写成[链接文字][] [链接文字]：链接地址的形式，见代码的最后一行。

注脚

语法

使用 Markdown[^1]可以效率的书写文档, 直接转换成 HTML[^2]。  [^1]:Markdown是一种纯文本标记语言  [^2]:HyperText Markup Language 超文本标记语言

说明

在需要添加注脚的文字后加上脚注名字[^注脚名字],称为加注。 然后在文本的任意位置(一般在最后)添加脚注，脚注前必须有对应的脚注名字。 注意：经测试注脚与注脚之间必须空一行，不然会失效。成功后会发现，即使你没有把注脚写在文末，经Markdown转换后，也会自动归类到文章的最后。

锚点（页内超链接）

语法

## 0. 目录{#index}

说明

网页中，锚点其实就是页内超链接，也就是链接本文档内部的某些元素，实现当前页面中的跳转。比如我这里写下一个锚点，点击回到目录，就能跳转到目录。 在目录中点击这一节，就能跳过来。还有下一节的注脚。这些根本上都是用锚点来实现的，只支持在标题后插入锚点，其它地方无效。如果本页面没有锚点所指位置，当你点击该锚点时，会自动移动浏览页面使该位置在最上方。

自动链接

语法

<https://github.com/xiaxi626/> 
<address@example.com>

说明

Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱，只要是用<>包起来， Markdown 就会自动把它转成链接。一般网址的链接文字就和链接地址一样

公式、矩阵、方程式 、条件表达式、数组与表格 、连分数、交换图标 ，一些特殊的注意事项

【史上最全Markdown语法手册.pdf-原创力文档】
写得不错，完整内容需付费观看

分隔线

* * *
***
*****
- - -
-----------
___

表格

语法

| 表头 | 表头 | | ---- | ----- | | 单元格 | 单元格 | | 单元格 | 单元格 |

| Align left | Align center  | Align Right | | :------------ |:---------------:| -----:| | col 3 is      | some wordy text | $1600 | | col 2 is      | centered        |   $12 | | zebra stripes | are neat        |    $1 |

说明

不管是哪种方式，第一行为表头，第二行分隔表头和主体部分，第三行开始每一行为一个表格行。 列于列之间用管道符|隔开。原生方式的表格每一行的两边也要有管道符。 第二行还可以为不同的列指定对齐方向。默认为左对齐，在-右边加上:就右对齐。 - 左对齐（或者:-)，:-: 中心对齐，-: 右对齐

公式(仅供参考）

Inline math expression such as

$C_n^2$, $\vec a$, $\overrightarrow{xy}$, $\mathbb{A}$, $10^10+10^{10}$, $\left(\frac{x}{y}\right)$

Cn2C_n^2, a⃗\vec a, xy→\overrightarrow{xy}, A\mathbb{A}, 1010+101010^10+10^{10}, (xy)\left(\frac{x}{y}\right)

And more complicated ones, for example

$\sum_{i=0}^N\int_{a}^{b}g(t,i)\text{d}t$, $\int_0^\infty{fxdx}$ and $\sqrt[x]{y}$

∑i=0N∫abg(t,i)dt\sum_{i=0}^N\int_{a}^{b}g(t,i)\text{d}t, ∫0∞fxdx\int_0^\infty{fxdx} and yx\sqrt[x]{y}

Also, the single line math expressions, such as

$$\begin{matrix} 1&0&0\\ 0&1&0\\ 0&0&1\\ \end{matrix}$$
$$\sin x，\ln x，\max(A,B,C)$$
$$\begin{bmatrix} {a_{11}}&{a_{12}}&{\cdots}&{a_{1n}}\\ {a_{21}}&{a_{22}}&{\cdots}&{a_{2n}}\\ {\vdots}&{\vdots}&{\ddots}&{\vdots}\\ {a_{m1}}&{a_{m2}}&{\cdots}&{a_{mn}}\\ \end{bmatrix}$$
$$\begin{array}{c|lll} {↓}&{a}&{b}&{c}\\ \hline {R_1}&{c}&{b}&{a}\\ {R_2}&{b}&{c}&{c}\\ \end{array}$$
$$\begin{cases} a_1x+b_1y+c_1z=d_1\\ a_2x+b_2y+c_2z=d_2\\ a_3x+b_3y+c_3z=d_3\\ \end{cases} $$

100010001\begin{matrix} 1&0&0\\ 0&1&0\\ 0&0&1\\ \end{matrix}

sin⁡x，ln⁡x，max⁡(A,B,C)\sin x，\ln x，\max(A,B,C)

[a11a12⋯a1na21a22⋯a2n⋮⋮⋱⋮am1am2⋯amn]\begin{bmatrix} {a_{11}}&{a_{12}}&{\cdots}&{a_{1n}}\\ {a_{21}}&{a_{22}}&{\cdots}&{a_{2n}}\\ {\vdots}&{\vdots}&{\ddots}&{\vdots}\\ {a_{m1}}&{a_{m2}}&{\cdots}&{a_{mn}}\\ \end{bmatrix}

↓abcR1cbaR2bcc\begin{array}{c|lll} {↓}&{a}&{b}&{c}\\ \hline {R_1}&{c}&{b}&{a}\\ {R_2}&{b}&{c}&{c}\\ \end{array}

{a1x+b1y+c1z=d1a2x+b2y+c2z=d2a3x+b3y+c3z=d3\begin{cases} a_1x+b_1y+c_1z=d_1\\ a_2x+b_2y+c_2z=d_2\\ a_3x+b_3y+c_3z=d_3\\ \end{cases}

特殊字符

空格符

语法

中&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;国

说明

文字之间插入&nbsp;

小于号

＜

大于号

＞

和号

＆

人民币

￥

版权

©

注册商标

®

摄氏度

℃

正负号

±

乘号

×

除号

÷

上标

语法

x^2^

说明

^(编辑文字/符号)^

下标

语法

x~2~

说明

~(编辑文字/符号)~

更多特殊字符

△
□
○
⊙
∴／∴
％／‰
……

Markdown-mermaid语法 转载自：https://blog.csdn.net /ftswsfb/article/details/119523080

Mermaid语法文档：About Mermaid (mermaid-js.github.io)

流程图（Flowchart）

graph TD; A-->B; A-->C; B-->D; C-->D;

时序图（Sequence diagram）

sequenceDiagram participant Alice participant Bob Alice->>John: Hello John, how are you? loop Healthcheck John->>John: Fight against hypochondria end Note right of John: Rational thoughts <br/>prevail! John-->>Alice: Great! John->>Bob: How about you? Bob-->>John: Jolly good!

状态图（State diagrams）

stateDiagram-v2 [*] --> Still Still --> [*] Still --> Moving Moving --> Still Moving --> Crash Crash --> [*]

类图（Class diagram）

classDiagram Class01 <|-- AveryLongClass : Cool Class03 *-- Class04 Class05 o-- Class06 Class07 .. Class08 Class09 --> C2 : Where am i? Class09 --* C3 Class09 --|> Class07 Class07 : equals() Class07 : Object[] elementData Class01 : size() Class01 : int chimp Class01 : int gorilla Class08 <--> C2: Cool label

甘特图（Gantt diagram）

gantt dateFormat YYYY-MM-DD title Adding GANTT diagram functionality to mermaid excludes weekends %% (excludes accepts specific dates in YYYY-MM-DD format, days of the week ("sunday") or "weekends", but not the word "weekdays".) section A section Completed task :done, des1, 2014-01-06,2014-01-08 Active task :active, des2, 2014-01-09, 3d Future task : des3, after des2, 5d Future task2 : des4, after des3, 5d section Critical tasks Completed task in the critical line :crit, done, 2014-01-06,24h Implement parser and jison :crit, done, after des1, 2d Create tests for parser :crit, active, 3d Future task in critical line :crit, 5d Create tests for renderer :2d Add to mermaid :1d section Documentation Describe gantt syntax :active, a1, after des1, 3d Add gantt diagram to demo page :after a1 , 20h Add another diagram to demo page :doc1, after a1 , 48h section Last section Describe gantt syntax :after doc1, 3d Add gantt diagram to demo page :20h Add another diagram to demo page :48h

Git图（Git graph）

gitGraph: options { "nodeSpacing": 20, "nodeRadius": 5 } end commit branch newbranch branch branch1 branch branch2 checkout newbranch commit commit checkout branch1 commit commit checkout master commit commit merge newbranch

饼图（Pie chart）

pie title Pets adopted by volunteers "Dogs" : 386 "Cats" : 85 "Rats" : 15

转义字符，字体， 字号，颜色 ，背景色……

转义字符

Markdown中的转义字符为\，转义的有： \ 反斜杠 ` 反引号 * 星号 _ 下划线 {} 大括号 [] 中括号 () 小括号  # 井号 + 加号 - 减号 . 英文句号 ! 感叹号

颜色

浅红色文字：<font color="#dd0000">浅红色文字：</font><br />  深红色文字：<font color="#660000">深红色文字</font><br />  浅绿色文字：<font color="#00dd00">浅绿色文字</font><br />  深绿色文字：<font color="#006600">深绿色文字</font><br />  浅蓝色文字：<font color="#0000dd">浅蓝色文字</font><br />  深蓝色文字：<font color="#000066">深蓝色文字</font><br />  浅黄色文字：<font color="#dddd00">浅黄色文字</font><br />  深黄色文字：<font color="#666600">深黄色文字</font><br />  浅青色文字：<font color="#00dddd">浅青色文字</font><br />  深青色文字：<font color="#006666">深青色文字</font><br />  浅紫色文字：<font color="#dd00dd">浅紫色文字</font><br />  深紫色文字：<font color="#660066">深紫色文字</font><br />

浅红色文字：浅红色文字：
深红色文字：深红色文字
浅绿色文字：浅绿色文字
深绿色文字：深绿色文字
浅蓝色文字：浅蓝色文字
深蓝色文字：深蓝色文字
浅黄色文字：浅黄色文字
深黄色文字：深黄色文字
浅青色文字：浅青色文字
深青色文字：深青色文字
浅紫色文字：浅紫色文字
深紫色文字：深紫色文字

字体

<font face="黑体">我是黑体字</font> <font face="宋体">我是宋体字</font> <font face="微软雅黑">我是微软雅黑字</font> <font face="fantasy">我是fantasy字</font> <font face="Helvetica">我是Helvetica字</font>

我是黑体字 我是宋体字 我是微软雅黑字 我是fantasy字 我是Helvetica字

背景色

<table><tr><td bgcolor=#FF00FF>背景色的设置是按照十六进制颜色值：#7FFFD4</td></tr></table> <table><tr><td bgcolor=#FF83FA>背景色的设置是按照十六进制颜色值：#FF83FA</td></tr></table> <table><tr><td bgcolor=#D1EEEE>背景色的设置是按照十六进制颜色值：#D1EEEE</td></tr></table> <table><tr><td bgcolor=#C0FF3E>背景色的设置是按照十六进制颜色值：#C0FF3E</td></tr></table> <table><tr><td bgcolor=#54FF9F>背景色的设置是按照十六进制颜色值：#54FF9F</td></tr></table>
背景色的设置是按照十六进制颜色值：#7FFFD4
背景色的设置是按照十六进制颜色值：#FF83FA
背景色的设置是按照十六进制颜色值：#D1EEEE
背景色的设置是按照十六进制颜色值：#C0FF3E
背景色的设置是按照十六进制颜色值：#54FF9F

字体颜色、大小、字体类型

<font color="#0099ff" size=4 face="微软雅黑">3、字体颜色、大小、字体类型</font>

3、字体颜色、大小、字体类型