markdown的使用说明(1)

视频教程

一、标题

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

代码：

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

效果:

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

快捷键:

Ctrl+数字1~6可以快速将选中的文本调成对应级别的标题

Ctrl+0可以快速将选中的文本调成普通文本

Ctrl+加号/减号对标题级别进行加减

二、段落

1、换行

代码:

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

效果:

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

2、分割线

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

代码:

---或者***

效果:

三、文字显示

1、字体

语法:

xxxxxxxxxx4 1
2
描述
3
foo bar baz
4
html

删除线: 用一对双飘号包裹

下划线: 用一对u标签包裹

斜体: 用一对单星号包裹

高亮: 用一对双等号包裹

代码:

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

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

快捷键:

加粗: Ctrl+B

删除线: Shift+Alt+5

下划线: Ctrl+U

斜体: Ctrl+I

2、上下标

代码:

1 2	x^2^ H~2~O

效果:
x^2^
H2O

四、列表

1、无序列表

代码:

*/-/+ +空格

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

苹果

香蕉

橘子

2.子集类:

一级分类

二级分类

三级分类

快捷键: Ctrl+Shift+]

2、有序列表

代码:

数字+.+空格

效果:

第一个标题

第二个标题

第三个标题

子内容1

子内容2

第四个标题

快捷键: Ctrl+Shift+[

3、任务列表

代码:

1 2	- [ ] 吃早餐 - [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

九、图片插入

代码:

1 2	![不显示的文字](图片路径 "图片标题") ![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

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

效果:

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

效果:

    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;

效果：
➤