【干货】Markdown语法实例（9000+请耐心阅读）

在CSDN上，写博客有两种编辑器，这里介绍Markdown编辑器用法。

快捷键

• 加粗——ctrl + Shift + B
• 斜体——ctrl + Shift + I
• 插入链接——ctrl + Shift + L
• 插入图片——ctrl + Shift + G
• 插入代码——ctrl + Shift + K
• 提升标题——ctrl + Shift + H
• 有序列表——Ctrl + Shift + O
• 无序列表——Ctrl + Shift + U
• 撤销——ctrl + Z
• 重做——ctrl + Y

标题

我们使用不同数量的#来定义标题，注意应在最后一个#号后加上一个空格。

示例：

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

效果：

还有一种方式是通过横线（-）与等号（=）来定义的。

示例：

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

效果：

表格

这里使用|，-，:来创建一个表格。

其中|用于画表格中的竖线，-用于划分每个格子所占宽度(按个数比例)，:用于定义对齐方式。

示例一：

代码：

|项目|价格|
|-------|-------|
|computer|$1600|
|phone|$120|

效果：

项目	价格
computer	$1600
phone	$120

示例二：

代码：

|项目|价格|
|:-------|:-------:|
|computer|$1600|
|phone|$120|

效果：

项目	价格
computer	$1600
phone	$120

示例三：

代码：

|项目|价格|
|-------:|:-------:|
|computer|$1600|
|phone|$120|

效果：

项目	价格
computer	$1600
phone	$120

列表

有序列表

代码：

1. 列表一1. 子列表一
2. 列表二
3. 列表三

效果：

1. 列表一
   1. 子列表一

2. 列表二

3. 列表三

无序列表

代码：

 - 列表一- 列表二- 子列表一- 子列表二- 子列表三

效果：

• 列表一
• 列表二
  • 子列表一
    • 子列表二
  • 子列表三

任务列表

代码：

- [ ] 计划任务
- [x] 已经完成的任务

效果：

• 计划任务
• 已经完成的任务

目录

我们使用[TOC]来生成本篇文章目录。

代码块

我们使用如下方式定义一个代码块（即使用一对三个反引号来定义）：

注意应在第一排三个反引号后加上你所用的编程语言（c++请使用cpp）以达到更好的渲染效果。

代码：

效果：

#include<cstdio>
#include<algorithm>
using namespace std;
int main() {
    #ifdef LOACLfreopen("in.txt","r",stdin);freopen("out.txt","w",stdout);#endifprintf("Hello World");return 0;
}

如果你想要只展示一句代码，那么我们就可以利用一对一个反引号定义，示例如下：

代码：

效果：
printf("Hello World");

你也可以在代码前用四个空格或一个Tab来定义一个代码块：

代码：

	#include<cstdio>#include<algorithm>using namespace std;int main() {#ifdef LOACLfreopen("in.txt","r",stdin);freopen("out.txt","w",stdout);#endifprintf("Hello World");return 0;}

效果：

#include<cstdio>
#include<algorithm>
using namespace std;
int main() {#ifdef LOACLfreopen("in.txt","r",stdin);freopen("out.txt","w",stdout);#endifprintf("Hello World");return 0;
}

注意这时代码与字之间应该空一行，不然头文件之类的东西会消失不见的（还没有渲染效果）。

数学公式

我们使用$ $来定义一个行内公式，$$ $$来定义一个块级公式。

换行与对齐

我们使用&使上下两排的数或式子对齐，\\换行。

这两个东西主要运用于矩阵和分段函数中，所以大家若不想使用它们就可以跳过此小节。

各种括号

括号如小括号、中括号是直接打上去的，所以这里不给出示例和效果。

但是需要我们特别注意的是，花括号无法直接打上去，因为在LaTex数学公式中，花括号是用来分隔部分的，所以我们 必须 使用\{ 和\}来定义大括号，效果如下：{}\{\}{ }

角标和开方

代码：

$c=\sqrt{a^{2}+b_{xy}^2+e^{x}}$
$$c=\sqrt{a^{2}+b_{xy}^2+e^{x}}$$

效果：
$c=\sqrt{a^2+b_{xy}^2+e^x}$
$$c=\sqrt{a^2+b_{xy}^2+e^x}$$

分数表达

代码：

$\frac{x^{2}y^{2}}{x+y}$
$$\frac{x^{2}y^{2}}{x+y}$$

效果：
$\frac{x^2{y}^2}{x+y}$
$$\frac{x^2{y}^2}{x+y}$$

求和与联乘

代码：

$\sum_{i=1}^{n}{a_i}$
$$\sum_{i=1}^{n}{a_i}$$

效果：
${\sum }_{i=1}^n{a}_i$
$$\sum _{i=1}^n{a}_i$$
代码：

$\prod_{i=1}^{n}{a_i}$
$$\prod_{i=1}^{n}{a_i}$$

效果：
${\prod }_{i=1}^n{a}_i$
$$\prod _{i=1}^n{a}_i$$

微分与积分

代码：

$\int_{a}^{\pi} f(x)dx$
$$\int_{a}^{\pi} f(x)dx$$

效果：
${\int }_a^{\pi }f(x)dx$
$${\int }_a^{\pi }f(x)dx$$

极限与偏导数

代码：

$\lim_{x \to +\infty}\frac{1}{x}$
$$\lim_{x \to +\infty}\frac{1}{x}$$

效果：
${\lim }_{x\to +\infty }\frac{1}{x}$
$$\underset{x\to +\infty }{\lim }\frac{1}{x}$$
代码：

$\frac{\partial^2 u}{\partial z^2}$
$$\frac{\partial^2 u}{\partial z^2}$$

效果：
$\frac{{?}^{2}u}{?z^2}$
$$\frac{{?}^{2}u}{?z^2}$$

三角函数

代码：

$\cos 2\theta = \cos^2 \theta - \sin^2 \theta \\ = 2 \cos^2 \theta - 1$
$$\cos 2\theta = \cos^2 \theta - \sin^2 \theta \\ = 2 \cos^2 \theta - 1$$

效果：
$$\begin{gathered} \cos 2\theta ={\cos }^2\theta ?{\sin }^2\theta \\ =2{\cos }^2\theta ?1 \end{gathered}$$
$$\begin{gathered} \cos 2\theta ={\cos }^2\theta ?{\sin }^2\theta \\ =2{\cos }^2\theta ?1 \end{gathered}$$

分段函数

我们使用cases关键字来定义分段函数。

示例：

$f(x)=\begin{cases}10&x\le3\\2x+4&x>3\end{cases}$
$$f(x)=\begin{cases}10&x\le3\\2x+4&x>3\end{cases}$$

$f(x)=\{\begin{array}{ll}10& x\le 3\\ 2x+4& x>3\end{array}$
$$f(x)=\{\begin{array}{ll}10& x\le 3\\ 2x+4& x>3\end{array}$$

矩阵

代码：

$$
A=\left[
\begin{matrix}
1&2&3&\\
2&2&3&\\
3&2&10&
\end{matrix}
\right]
$$

效果：
$$A=?\begin{array}{cccc}1& 2& 3& \\ 2& 2& 3& \\ 3& 2& 10& \end{array}?$$

当然你也可以将中括号换为诸如小括号，花括号等，这里直接给出效果：
$$A=?\begin{array}{cccc}1& 2& 3& \\ 2& 2& 3& \\ 3& 2& 10& \end{array}?$$
$$A=?\begin{array}{cccc}1& 2& 3& \\ 2& 2& 3& \\ 3& 2& 10& \end{array}?$$

数学符号

希腊字母表

字母	代码	字母	代码	字母	代码	字母	代码
$\alpha$	\alpha	$\theta$	\theta	$o$	o	$\upsilon$	\upsilon
$\beta$	\beta	$?$	\vartheta	$\pi$	\pi	$?$	\phi
$\gamma$	\gamma	$\iota$	\iota	$?$	\varpi	$\phi$	\varphi
$\delta$	\delta	$\kappa$	\kappa	$\rho$	\rho	$\chi$	\chi
$?$	\epsilon	$\lambda$	\lambda	$?$	\varrho	$\psi$	\psi
$\epsilon$	\varepsilon	$\mu$	\mu	$\sigma$	\sigma	$\omega$	\omega
$\zeta$	\zeta	$\nu$	\nu	$?$	\varsigma
$\eta$	\eta	$\xi$	\xi	$\tau$	\tau

当然若要获得对应的大写字母，就把代码的首字母大写即可（不知道为什么有些字母的大写会报错）。

数学符号

符号	代码	符号	代码	符号	代码
$<$	<	$>$	>	$=$	=
$\le$	\leq或\le	$\ge$	\geq或\ge	$\equiv$	\equiv
$?$	\ll	$?$	\gg	$?$	\doteq
$?$	\prec	$?$	\succ	$?$	\sim
$?$	\preceq	$?$	\succeq	$?$	\simeq
$?$	\subset	$?$	\supset	$\approx$	\approx
$?$	\subseteq	$?$	\supseteq	$?$	\cong
$?$	\sqsubset	$?$	\sqsupset	$?$	\Join
$?$	\sqsubseteq	$?$	\sqsupseteq	$?$	\bowtie
$\in$	\in	$?$	\ni或\owns	$\propto$	\propto
$?$	\vdash	$?$	\dashv	$?$	\models
$\mid$	\mid	$\parallel$	\parallel	$\perp$	\perp
$?$	\smile	$?$	\frown	$?$	\asymp
$:$	:	$\in /$	\notin	$?=$	\neq或\ne
$+$	+	$?$	-	$\times$	\times
$\pm$	\pm	$?$	\mp	$?$	\triangleleft
$?$	\cdot	$÷$	\div	$?$	\triangleright
$\times$	\times	$?$	\setminus	$?$	\star
$\cup$	\cup	$\cap$	\cap	$?$	\ast
$?$	\sqcup	$?$	\sqcap	$?$	\circ
$\vee$	\vee或\lor	$\wedge$	\wedge或\land	$?$	\bullet
$?$	\oplus	$?$	\ominus	$?$	\diamond
$?$	\otimes	$?$	\bigcirc	$?$	\amalg
$△$	\bigtriangleup	$▽$	\bigtriangledown	$?$	\dagger
$?$	\lhd	$?$	\rhd	$?$	\ddager
$?$	\unlhd	$?$	\unrhd	$?$	\wr

引用

我们使用>来定义一个引用
示例：
代码：

> This is a question.

效果：

This is a question.

甚至还可以嵌套：
示例：
代码：

> This is a question.
>> This is a sub question.

效果：

This is a question.

This is a sub question.

图片

前面已经介绍过，我们可以使用ctrl + Shift + G来插入一个图，现在，我们来看一看手动插入图片的方法:

![](图片的URL或path)

示例：

代码：

![](https://imgconvert.csdnimg.cn/aHR0cDovL2ltZy5ibG9nLmNzZG4ubmV0LzIwMTgwMjExMTk0MjI3NzEy)

效果：

链接

我们可以手动定义一个链接。格式如下：

[链接描述](链接)

示例：

[我的博客地址](http://blog.csdn.net/qq_37656398)

我的博客地址

各种乱七糟八的图

流程图

流程图是一个很复杂的东西，这里限于篇幅，只简要介绍。

流程图应使用如下方式定义：

先来示例：

代码：

flowchat
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>endst->op->cond
cond(yes)->e
cond(no)->op

注意在定义代码块的第一个三个引号后加上mermaid。

效果：

在流程图中，我们在程序前半部分定义了流程图中所有的元素，后半部分则创建了流程图的走向。

我们利用tag=>type: content:>url来定义一个流程图元素。

• tag是一个元素名，名称随意，在连接元素时会用到。
• type是标签类型。流程图中标签有如下六种：
  • start：开始
  • end：结束
  • operation：操作
  • subroutine：子程序
  • condition：条件
  • inputoutput：输入或输出
• content就是元素框中要写的内容，中英均可，特别注意：:后必有空格。
• url是链接，:>后跟着网址，网址与文本绑定。
• 我们使用->来连接两个元素，每个元素的连接方向默认向下，我们可以使用right来改变方向。
• 特别注意：由于condition型属于条件判断，故我们写condition型的连接时应采用如下写法：（仍以上面流程图为例）
  • cond(yes)->e
  • cond(no)->op

下面是我自己写的ISAP最大流算法流程图：

代码：

st=>start: 开始
ed=>end: 结束
op1=>operation: 清空距离数组d和GAP优化数组vd
op2=>operation: 将vd[0]置为总结点数N，将最大流值F置为0
while=>condition: 若d[S]小于N
sub=>subroutine: 调用DFS求出增广路
op5=>operation: 将F加上可增广值
op4=>inputoutput: 输出Fst->op1->op2->sub->op5->while
while(yes)->sub
while(no)->op4
op4->ed

效果：

删除线、加粗及斜体等其他

删除线

我们使用~~ ~~来定义一根删除线。

示例：

代码：

~~It is false.~~

效果：

It is false.

加粗

我们可以使用** **或__ __来让字体加粗。

代码：

**There is a question.**

效果：
There is a question.

斜体

我们可以使用* *或_ _来让字体变成斜体。
代码：

*This is a question.*

效果：
This is a question.

标记

我们可以使用== ==来标记文本。

代码：

==Attention!==

效果：
Attention!

角标

我们可以使用~ ~定义下标，^ ^定义一个上标。

代码：

水的化学式是H~2~O。2^10^=1024。

效果：

水的化学式是H₂O。

2¹⁰=1024。

混合使用

我们甚至可以把它们混在一起使用，只要两两间能相互配对。

代码：

***This is a question.***

效果：
This is a question.

字体

我们还可以让字体更多彩！

字体颜色

我们只需要向输入文本前加上一句<font color=red>即可让文字颜色变成红色。

示例：

代码：

<font color=red>This is a question.</font>
<font color=blue>This is a question.</font>
<font color=black>This is a question.</font>
<font color=orange>This is a question.</font>

效果：
This is a question.
This is a question.
This is a question.
This is a question.

当然你可以将red替换为你希望的颜色的英文表达，就可以得出相应的字体颜色。

字号

我们亦可以加入<font size=5>来改变字号。

示例：

代码：

<font size=1>This is a question.</font>
<font size=2>This is a question.</font>
<font size=3>This is a question.</font>
<font size=4>This is a question.</font>
<font size=5>This is a question.</font>
<font size=6>This is a question.</font>
<font size=7>This is a question.</font>

效果：
This is a question.
This is a question.
This is a question.
This is a question.
This is a question.
This is a question.
This is a question.

你也可以将5替换为1~7之间的整数，就可以获得不同大小的字！

字体

我们只需加入<font face="仿宋">来让字体变为仿宋字。

示例：

代码：

<font face="仿宋">我是一句话。</font>
<font face="楷体">我是一句话。</font>
<font face="宋体">我是一句话。</font>
<font face='consolas'>To be or not to be.</font>

效果：
我是一句话。
我是一句话。
我是一句话。
To be or not to be.

你也可以将"仿宋"换成你心仪的字体名称。

混合使用

以上三种可以混在一起用，格式为<font color=...,size=...,face=...>...</font></font></font>。

示例：

代码：

<font color=red><font size=4><font face="仿宋">我是一句话。</font></font></font>

效果：
我是一句话。

横线

我们可以利用七八个减号或*来定义一根横线
-------或者********

---

---

这是Markdown编辑器的使用说明，

当然还有很多用法，诸如数学公式之类的东西，我已经收集了大量的资料，正在逐步放在上面。

这里仅仅介绍了CSDN上的Markdown编辑器的大部分常用的用法，当然对于大部分本地Markdown编辑器如Typora也是可以使用的。

如有未尽之处敬请谅解。

但是由于本文章写于2018年CSDN的Markdown编辑器改版前，所以可能会有部分错误或其他的不足，我在之后会陆续修订。

当然你也可以在文章末尾评论区内指出它们，我将尽快改正。

感谢阅读！

---