Markdown语法使用说明

前言：温故而知新，作为备忘复习使用，目标无鼠标码字。删除了原篇的数学公式部分，目前还用不到，另外貌似公式在hexo下显示有问题。

一、标题

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

代码：

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

效果:

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

快捷键:

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

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

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

二、段落

1、换行

代码:

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

效果:

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

2、分割线

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

代码:
>---或者***

效果:

三、文字显示

1、字体

语法:

粗体: 用一对双星号包裹

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

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

斜体: 用一对单星号包裹

高亮: 用一对双等号包裹

代码:

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

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

快捷键:

加粗: Ctrl+B

删除线: Shift+Alt+5

下划线: Ctrl+U

斜体: Ctrl+L

2、上下标

代码:
>x^2^
>H~2~O

效果:
x^2^
H2O

四、列表

1、无序列表

代码:
>*/-/+ +空格

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

苹果

香蕉

橘子

2.子集类:

一级分类

二级分类

三级分类

快捷键: Ctrl+Shift+]

2、有序列表

代码:
>数字+.+空格

效果:

第一个标题

第二个标题

第三个标题

子内容1

子内容2

第四个标题

快捷键: Ctrl+Shift+[

3、任务列表

代码:

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

效果:

吃早餐

背单词

五、区块显示

代码:
>>+回车

效果:

这是最外层区块

这是内层区块

这是最内层区块

六、代码显示

1、行内代码

代码:

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

效果:
int a=0;

快捷键: Ctrl+Shift+`

2、代码块

代码:

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


>快捷键:  Ctrl+Shift+K

## 七、链接

>代码:

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

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

>快捷键:  Ctrl+K

## 八、脚注

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

>代码: 

>```text
>[^文本]
>[^文本]:解释说明
>```

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

>[^①]: 这是一个非常好用的框架。

## 九、图片插入

>代码:

>```text
>![不显示的文字](图片路径 "图片标题")
>```

>效果:
>![This is a picture](C:\Users\asus\Pictures\Saved Pictures\Snipaste_2020-09-03_13-19-11.png "漫步图")

>(注：效果路径为C:\Users\asus\Pictures\Saved Pictures\Snipaste_2020-09-03_13-19-11.png。在其他电脑上可能不显示。)

>快捷键:  Ctrl+Shift+I

## 十、表格

>代码:

>```text
>|  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、横向流程图

代码:

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

### 2、竖向流程图

代码:

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

十二、表情符号

代码:

>:happy:、:cry:、:man:

效果:
:happy:、 :cry:、 :man:

十三、支持的HTML元素

1、文本居中

代码

><center>内容</center>

效果
内容

2、快捷键显示

代码:

><kbd>内容</kbd>

效果:
内容

3、加粗

代码:
><b>加粗</b>

效果:

加粗

4、倾斜

代码:
><i>倾斜</i>

效果:
倾斜

5、上下标

代码:

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

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

十四、实战练习

习题1

将这段话改为2级标题

习题2：

试着在你的Typora中编辑下面的内容：

这是第1行

这是第2行
这是补充内容

这是第3行

习题3：

将下面的内容改为指定的格式要求：

黑体斜体下划线高亮

黑体加下划线，并高亮显示

拓展题：

试着输入1*2*3*...*99，如何解决*不显示的问题？

试着输入\*，如何解决\消失的问题？

习题4：

试着打出x~1~^2^，观察它的结果是不是$x_1^2$，了解上下标的局限性。

习题5：

试着使用列表编辑出下面的效果：

删除官方YUM库
编写本地YUM库配置文件
- 内容：
  
  一个图片。
- 注意事项
安装挂载光盘：
1. 插入光盘并通电，挂载
2. 将上述挂载命令写入

习题6：

将习题5中的一个图片前增加区块（不是前一行）。

试着打出下面的效果。

我们处在一个区块里。

对的，没错。

我们处在一个区块里。

不，不对。

习题7：

使用行内代码美化下面第一段的内容（第二段用于对照）：

即使cv::Vec<>是模板，但大部分的时间你都不会倾向于使用它的这个形式。相对的，有很多它的别名（typedef）以便用于通用的实例。它们有着cv::Vec2i, cv::Vec3i和cv::Vec4d这样的名称（分别对应于2个元素的整型向量、3个元素的整型向量和4个元素的双精度浮点向量）。任何有着cv::Vec{2,3,4,6}{b,w,s,i,f,d}形式的声明（b=unsigned char，w=unsigned short，s=short），对于2个到6个维度的6种数据类型的任何组合都是有效的。

习题8：

下面试图使用多行脚注，但预期效果不对，如何解决？

右边是对我^1的解释。

这是第二行。

习题9：

试着插入一个图片，要求图片缩小1/2，左对齐。

习题10：

下面有两个相邻的表格，如何在二者之间增加内容？

表1头	表1头
表1内容	表1内容

表2头	表2头
表2内容	表2内容

我是一段很长的代码

我是另一段很长的代码