markdown 的使用说明(1)

一、标题

语法：# (一级标题) ## (二级标题) ### (三级标题) ……

1 2	# 这是一级标题 ## 这是二级标题

这是一级标题

这是二级标题

快捷键:

Ctrl+数字1~6可以快速将选中的文本调成对应级别的标题
Ctrl+0可以快速将选中的文本调成普通文本
Ctrl+加号/减号对标题级别进行加减

二、段落

1、换行

1 2	这是一个段落这是一个段落

这是一个段落

2、分割线

语法: —-或者*+回车

---或者***

三、文字显示

1、字体

语法:

粗体：用一对双星号包裹
删除线: 用一对双飘号包裹
下划线: 用一对u标签包裹
斜体: 用一对单星号包裹
高亮: 用一对双等号包裹

**这是粗体**

~~这是删除线~~

<u>这是下划线</u>

*这是斜体*

<mark>这是高亮</mark>

这是粗体

~~这是删除线~~

这是下划线

这是斜体

这是高亮

快捷键:

加粗: Ctrl+B
删除线: Shift+Alt+5
下划线: Ctrl+U
斜体: Ctrl+I

2、上下标

1 2	x^2^ H~2~O

x^2^

H~2~O

四、列表

1、无序列表

*/-/+ +空格

1.只有同一级别:

苹果
香蕉
橘子

2.子集类:

一级分类
- 二级分类
  - 三级分类

快捷键: Ctrl+Shift+]

2、有序列表

数字+.+空格

第一个标题
第二个标题
第三个标题
- 子内容1
  - 子内容2
第四个标题

快捷键: Ctrl+Shift+[

3、任务列表

1 2	- [ ] 吃早餐 - [x] 背单词

[ ] 吃早餐
[x] 背单词

五、区块显示

>+回车

这是最外层区块

这是内层区块

这是最内层区块

六、代码显示

1、行内代码

1	`int a=0;`（说明：`位于Esc下面）

int a=0;

快捷键: Ctrl+Shift+`

2、代码块

1
2
3

```js/java/c#/text
内容
```

快捷键: Ctrl+Shift+K

七、链接

1
2
3

www.baidu.com
[百度一下](https://www.baidu.com)
[百度一下](https://www.baidu.com "https://www.baidu.com")

www.baidu.com

百度一下

快捷键: Ctrl+K

八、脚注

说明: 对文本进行解释说明。

[^文本]
[^文本]:解释说明
这是一个技术[^1]
[^1]: 这是一个非常好用的框架。

这是一个技术¹

¹. 这是一个非常好用的框架。 ↩

九、图片插入

1
2
3

![没有图片标题时显示的文字](图片路径 "图片标题")
![This is a picture](https://gitee.com/o0w0b/typora_pic/raw/master/img/2025/2/11/nahida.jpg "nahida")
![This is a picture](https://gitee.com/o0w0b/typora_pic/raw/master/img/2025/2/11/nahida.jpg)

This is a picture

快捷键: Ctrl+Shift+I

十、表格

|  1   |  2   |  3   |
| :--- | :--: | ---: |
|  4   |  5   |  6   |
|  7   |  8   |  9   |
|  10  |  11  |  12  |

1	2	3
4	5	6
7	8	9
10	11	12

快捷键: Ctrl+T

十一、流程图

使用 mermaid 标签可以绘制 Flowchart（流程图）、Sequence diagram（时序图）、Class Diagram（类别图）、State Diagram（状态图）、Gantt（甘特图）和 Pie Chart（圆形图），具体可以查看 mermaid 文档和 Butterfly 文檔(三) 主題配置 | Mermaid

1、横向流程图

<!-- 代码块书写 -->
```mermaid
graph LR
A[方形]---B(圆角)
B---C{条件a}
C-->|a=1|D[结果1]
C-->|a=2|E[结果2]
F[横向流程图]
```
<!-- 标签外挂 -->
{% mermaid %}
graph LR
A[方形]---B(圆角)
B---C{条件a}
C-->|a=1|D[结果1]
C-->|a=2|E[结果2]
F[横向流程图]
{% endmermaid %}

graph LR
A[方形]---B(圆角)
B---C{条件a}
C-->|a=1|D[结果1]
C-->|a=2|E[结果2]
F[横向流程图]

2、竖向流程图

<!-- 代码块书写 -->
```mermaid
graph TD
A[方形]---B(圆角)
B---C{条件a}
C-->|a=1|D[结果1]
C-->|a=2|E[结果2]
F[竖向流程图]
```
<!-- 标签外挂 -->
{% mermaid %}
graph TD
A[方形]---B(圆角)
B---C{条件a}
C-->|a=1|D[结果1]
C-->|a=2|E[结果2]
F[竖向流程图]
{% endmermaid %}

graph TD
A[方形]---B(圆角)
B---C{条件a}
C-->|a=1|D[结果1]
C-->|a=2|E[结果2]
F[竖向流程图]

十二、表情符号

1	:blush:、:sunny:、:hotsprings:

:blush:、 :sunny:、 :hotsprings:

更多表情可以参考 markdown表情大全-CSDN博客

十三、支持的HTML元素

1、文本居中

1	<center>内容</center>

内容

2、快捷键显示

1	<kbd>内容</kbd>

内容

3、加粗

<b>加粗</b>

加粗

4、倾斜

<i>倾斜</i>

倾斜

5、上下标

1 2	开始<sup>123hi你好</sup> 开始<sub>321hi你好</sub>

开始^123hi你好
开始_321hi你好

6、填充的黑色箭头

&#x27A4;

➤