markdown的使用说明(1)

视频教程

一、标题

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

代码：

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

效果:

这是一级标题

这是二级标题

快捷键:

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

二、段落

1、换行

代码:

这是一个段落
这是一个段落

效果:

这是一个段落
这是一个段落

2、分割线

语法: ---或者***+回车

代码:

---或者***

效果:

---

三、文字显示

1、字体

语法:

• xxxxxxxxxx4 1
  2  

  描述

  3  

  foo bar baz

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

代码:

**这是粗体**
~~这是删除线~~
<u>这是下划线</u>
*这是斜体*
==这是高亮==

效果:
这是粗体
这是删除线
这是下划线
这是斜体
这是高亮

快捷键:

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

2、上下标

代码:

x^2^
H~2~O

效果:
x²
H₂O

四、列表

1、无序列表

代码:

*/-/+ +空格

效果:
1.只有同一级别:

• 苹果
• 香蕉
• 橘子

2.子集类:

• 一级分类
• 二级分类
  • 三级分类

快捷键: Ctrl+Shift+]

2、有序列表

代码:

数字+.+空格

效果:

1. 第一个标题
2. 第二个标题
3. 第三个标题

• 子内容1
  • 子内容2

4. 第四个标题

快捷键: Ctrl+Shift+[

3、任务列表

代码:

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

效果:

• [ ] 吃早餐
• [x] 背单词

五、区块显示

代码:

>+回车

效果:

这是最外层区块

这是内层区块

这是最内层区块

六、代码显示

1、行内代码

代码:

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

效果:
int a=0;

快捷键: Ctrl+Shift+`

2、代码块

代码:

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

快捷键: Ctrl+Shift+K

七、链接

代码:

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

效果:
www.baidu.com
百度一下
百度一下

快捷键: Ctrl+K

八、脚注

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

代码:

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

效果:
这是一个技术^[1]

九、图片插入

代码:

![不显示的文字](图片路径 "图片标题")
![This is a picture](https://gitee.com/o0w0b/typora_pic/raw/master/img/nahida.JPG "漫步图")

效果:

快捷键: 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

十一、流程图

1、横向流程图

代码:

```mermaid
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[竖向流程图]
```

效果:

十二、表情符号

代码:

:blush:、:sunny:、:hotsprings:

效果:
😊、 ☀️、 ♨️

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

十三、支持的HTML元素

1、文本居中

代码

<center>内容</center>

效果

内容

2、快捷键显示

代码:

<kbd>内容</kbd>

效果:
内容

3、加粗

代码:

<b>加粗</b>

效果:

加粗

4、倾斜

代码:

<i>倾斜</i>

效果:
倾斜

5、上下标

代码:

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

效果:
开始^123hi你好
开始_321hi你好

6、填充的黑色箭头

代码：

➤

效果：
➤

---

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