Markdown 语法大全，常用功能集锦，有这一篇就够了

        ⚜ 1 字体、颜色、大小
    ⚜ 2 表情符号
    ⚜ 3 段落
    ⚜ 4 图片
    ⚜ 5 表格
    ⚜ 6 标题
    ⚜ 7 列表
    ⚜ 8 区块
    ⚜ 9 链接
    ⚜ 10 页内跳转
    ⚜ 11 流程图
    ⚜ 12 符号

1 字体、颜色、大小

<font color=颜色 face=字体 size=字号大小> 需要显示的正文内容 </font>

1.1 字体

📢 只需替换掉Markdown语法格式中face对应的字体即可。
🔔 中英文字体可互换。

常用中文字体：
华文彩云
华文琥珀
华文隶书
华文宋体
华文细黑
华文新魏
华文细黑
华文行楷
华文中宋

楷体
宋体
仿宋
新宋体

黑体
微软雅黑

隶书
幼圆
等线
等线 Light

方正粗黑宋简体

方正舒体

常用英文字体：
Times New Roman
Arial
Calibri
Cambria Math
Mongolian Baiti
Lucida Bright
KK
Britannic Bold
Broadway
Bell MT
Fantasy

1.2 颜色

• 🌻 所有现代浏览器均支持以下 140 种颜色名称（单击颜色名称或十六进制值，可查看将以该颜色为背景颜色以及不同的文本颜色），链接地址为：https://www.w3school.com.cn/cssref/css_colors.asp

1.2.1 字体颜色

🍏 只需替换掉Markdown语法格式中color对应的颜色即可。
🍐 颜色英文单词的大小写均可。

red
tomato
maroon
indigo
magenta
LawnYellow
green
aqua
lime
blue
navy
yellow
orange
purple
pink
orchid
chocolate

1.2.2 背景颜色

Markdown不支持背景色，但可以使用内置Html的方法来实现，利用table、tr、td等标签bgcolor设置背景色。

<table><tr><td bgcolor=背景色> 显示的内容 </td></tr></table>

比如：<table><tr><td bgcolor=pink> 显示的内容 </td></tr></table>

显示的内容

1.3 字号大小

只需替换掉Markdown语法格式中size对应的数值即可即可。

比如：<font size=5 > size= 5</font>
size=5

• PS：size在浏览器中默认值为3。

2 表情符号

参考博客：👇
【CSDN：可在Markdown随意插入的表情符号集，简单复制粘贴法，釜底抽薪的快捷键法】

3 段落

3.1 文字类型

• 格式为：

*斜体*
_斜体_

**粗体**
__粗体__

***粗斜体***
___粗斜体___

• 显示效果为：

斜体
斜体

粗体
粗体

粗斜体
粗斜体

3.2 换行

1. 两个连续空格+回车键
2. 使用<br>换行标签

3.3 首行缩进

1. 半角空格(占用1个英文字符)： 或 
2. 全角空格(占用2个英文字符)： 

3.4 分割线

以下3种都产生通过的效果：一条横线。

• 格式为：

---
***
___

• 显示效果为：

---

---

---

3.5 删除线

在内容前后，分别添加两个波浪线~~。

• 格式为：

~~删除线~~

• 显示效果为：
  删除线

3.6 下划线

在内容前后，分别添加HTML的<u>标签

• 格式为：

<u>下划线</u>

• 显示效果为：
  下划线

3.7 空白行

<br>

3.8 内容注释

• 基本格式为：

*[ ]: 待注释的内容

• 升级格式为：（允许在方括号内添加其他内容）

*[^_^]: 待注释的内容
*[\(@^0^@)/]: 待注释的内容

3.9 文字框

• 格式为：

<kbd>文字框</kbd>

• 显示效果为：
  文字框

4 图片

---

4.1 长宽大小

<img src=图片网址 width=数值x height=数值y >

4.2 长宽比例

<img src=图片网址 width=百分数x height=百分数y >

4.3 居中显示

<div align=center><img src=图片网址 width=数值% height=数值%></div>

4.4 使用快捷键插入图片

Ctrl + Shift + i 

5 表格

📃 使用|分割不同的单元格，使用-分割表头和其他行，使用:设置对齐方式。

:-设置标题和内容居左对齐；

-:设置标题和内容居右对齐；

:-:设置标题和内容居中对齐。

• 格式为：

| 居左对齐 | 居中对齐 | 居右对齐 |
| :---|:----:|-----:|
| 单元格内容  |  单元格内容 |  单元格内容  |

• 显示效果为：

居左对齐	居中对齐	居右对齐
单元格内容	单元格内容	单元格内容
单元格内容	单元格内容	单元格内容

6 标题

#的个数作为标题的级数。
#需紧跟一个空格。

• 格式为：

# 这是第一级标题
## 这是第二级标题
### 这是第三级标题

• 显示效果为：

这是第一级标题

这是第二级标题

这是第三级标题

7 列表

7.1 无序列表

使用星号*、加号+、减号-作为无序列表标记，后面紧跟一个空格

• 格式为：

* 星号无序列表项
+ 加号无序列表项
- 减号无序列表项

• 显示效果为：

• 星号无序列表项

• 加号无序列表项

• 减号无序列表项

7.2 有序列表

数字.来表示有序列表

• 格式为：

1. 第一项有序列表
2. 第二项有序列表

• 显示效果为：

1. 第一项有序列表
2. 第二项有序列表

7.3 嵌套列表

在子列表前添加4个空格。

• 格式为：

* 无序列表
    1. 第一项有序列表
    2. 第二项有序列表
 * 无序列表
    1. 第一项有序列表
    2. 第二项有序列表

• 显示效果为：

• 无序列表
  1. 第一项有序列表
  2. 第二项有序列表
• 无序列表
  1. 第一项有序列表
  2. 第二项有序列表

7.4 清单功能

输入 - [ ]，每个字符间都有空格，会产生方框。
输入 - [x]，生成后的方框内，含有对勾。

• 格式为：

- [ ] 计划的清单
- [x] 完成的清单
1. - [ ] 嵌套型清单

• 显示效果为：
• 计划的清单
• 完成的清单

1. • 嵌套型清单

8 区块

8.1 基本形式

• 格式为：

> 第一层
>> 第二层
>>> 第三层

• 显示效果为：

第一层

第二层

第三层

8.2 嵌套形式

• 格式为：

* 第一项无序列表
   > 啦啦啦
   >> 喔喔喔
1. 第一项有序列表
2. 第二项有序列表
	 > 嗷嗷嗷
	 >> 哈哈哈

• 显示效果为：

• 第一项无序列表

  啦啦啦

  喔喔喔

1. 第一项有序列表
2. 第二项有序列表

   嗷嗷嗷

   哈哈哈

9 链接

9.1 内联链接

• 格式为：

[百度链接地址](www.baidu.com)

• 显示效果为：

百度链接地址

9.2 引用链接

• 格式为：

[引用链接为][1]

[1]: www.baidu.com

• 显示效果为：

百度链接地址

10 页内跳转

---

基于HTML标签实现方式

• 格式为：

1. 定义一个锚(ID)：

<span id="destination_id"> 跳转的目标位置</span>

或者

<a id="destination_id"> 跳转的目标位置</a>

2. 建立跳转链接：

[需点击的跳转位置](#destination_id)

• 示例：

点击我在北京，然后，跳转到这是上海。

• 代码为：

[我在北京](#shangHai)

<span id="shangHai"> 这是上海 </span>

• 显示效果为：

我在北京

这是上海

11 流程图

flowchat的所有元素：
start：开始节点
end：结束节点
inputoutput：输入/输出节点
operation：操作节点
operation：条件节点
subroutine：子程序节点

连接：
使用->将两个元素连接起来。

连线的方向：
在节点ID后添加(right)或"(left)"，默认方向为从上到下。

条件的判断：
yes或n。

超链接：
在定义元素时，使用:>链接地址来增添超链接功能。

示例：

• 源码为：

  	```mermaid
	flowchat /*开始标识*/
	s=>start: 开始
	input=>inputoutput: 请输入博客地址
	op=>operation: 点击将链接跳转到目标博客:>https://blog.csdn.net/Xminyang?type=blog
	run=>subroutine: 阅读该博客
	over=>condition: 是否结束?
	output=>inputoutput: 归纳总结
	e=>end: 结束

	s->input->op->run
	run(right)->over

	over(no)->input
	over(yes)->output->e 
	```

• 显示效果为：

12 符号

---

需要在代码的前后添加$，比如除法符号的实际代码应为$\div$。

12.1 数学符号

功能	符号	代码
大于	$>$	\gt
大于等于	$\ge$ 或 $\ge$ 或 $⩾$	\ge 或 \geq 或 \geqslant
小于	$<$	\lt
小于等于	$\le$ 或 $\le$ 或 $⩽$	\le 或 \leq 或 \leqslant
不等于	$\ne$ 或 $\ne$ 或 $\ne$	\ne 或 \neq 或 \not=
恒等于	$\equiv$	\equiv
加减	$\pm$ 或 $\pm$	\pm 或\plusmn
加法	$+$	+
减法	$-$	-
减加	$\mp$	\mp
乘号	$\times$	\times
除号	$÷$	\div
分式	$\frac{x}{y}$	\frac{x}{y}
平均数运算	$\overline{xy}$	\overline{xy}
对数运算	$\log (x)$	\log(x)
求和运算	${\sum }_{y\to \infty }^{x\to \infty }\frac{x}{y}$	\sum^{x \to \infty}_{y \to \infty}{\frac{x}{y}}
无穷	$\infty$	\infty
空集	$\varnothing$ 或 $\varnothing$	\emptyset或 \varnothing
属于	$\in$	\in
不属于	$\notin$	\notin
包含	$\supseteq$	\supseteq
真包含	$⫌$	\supsetneqq
包含于	$\subseteq$	\subseteq
真包含于	$⫋$	\subsetneqq
交集	$\cap$	\cap
并集	$\cup$	\cup
与	$\wedge$	\land
或	$\vee$	\lor
非	$\neg$	\neg
三角形	$△$	\triangle

12.2 希腊符号

功能	符号	代码
alpha	$\alpha$	\alpha
beta	$\beta$	\beta
gamma	$\gamma$	\gamma
theta	$\theta$	\theta
lambda	$\lambda$	\lambda
sigma	$\sigma$	\sigma
tau	$\tau$	\tau
pi	$\pi$	\pi

12.3 特殊符号

功能	符号	代码
黑桃	$♠$	\spades
红桃	$♡$	\hearts
梅花	$♣$	\clubs
方块	$♢$	\diamonds