【Markdown】关于Markdown的学习总结

---

关于Markdown的使用教程

最近想学习学习Markdown，稍微做下总结。

一、标题

1. 使用“=”或“-”

我展示的是一级标题
=================
我战士的是二级标题
-----------------

我展示的是一级标题

我战士的是二级标题

2. 使用 “#” “#”越多级数越小最高6级

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

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题

二、正文

正文中的代码块，在代码开头与结尾用 “ ```”，另外，可在开头后方加入编程语言名称（也可以不加）

print(
    Hello，world！
)

三、列表

1. 有序列表
   数字 + “ . ” + 空格

1. 列表1
2. 列表2
3. 列表3

2. 无序列表
   “ + ” 或 “ - ” + 空格

- 父列表
  - 子列表1
  + 子列表2

四、粗体与斜体

1. 粗体
   “ ** ” 或 “__”（使用两个*或者两个下划线作为开头与结尾）

**加粗**
__粗体__

加粗
粗体

2. 斜体

*倾斜*
_倾斜_

倾斜
倾斜

3. 粗斜体

***粗斜体***
___粗斜体___

粗斜体
粗斜体

---

五、分割线

在某一行只使用三个 “ - ” 或 “ * ”，注意使用---时上方不能存在文字，格式有间隔同样有效果

---
* * *
- - -
--------

---

---

---

---

六、删除线、下划线、脚注

1. 删除线

两个波浪号作为开头与结尾

~~删除线~~

删除线

2. 下划线

html格式

<u>文字</u>

下划线

3. 脚注

在需要脚注的文字后面加入[^标签]，脚注内容自动放入文章结尾，点击脚注会自动跳转到内容

创建脚注[^您好]
[^您好]: asdasd

Markdown是什么¹

七、区块引用

使用> 最外层区块引用，使用> > 进行一级区块嵌套，使用> > >进行二级区块嵌套，三级区块嵌套以此类推

>
>>
>>>
>>>>

最外层区块引用

一级区块引用

二级区块嵌套

三级区块嵌套

八、超链接

1. 超链接使用方法如下：

[链接名称](链接地址)

或者

<链接地址>

或者html格式

<a href="目标地址" taget="目标" titl="说明">被链接内容</a>

1）、href：打开目标地址（网址），一般填写将要转到目标地址。如href="http://www.divcss5.com/"这样浏览者在网页中鼠标点击对应此锚文本将打开到网页http://www.divcss5.com/

2）、target：打开目标方式
如果a标签内没有此元素，默认是在浏览网页中重新载入对应链接网页
_blank ：新建标签窗口页，设置此属性，点击锚文本后对应新建标签网页窗口卡打开对应地址
_parent：父级打开网页，此属性可以理解为本页网页从新载入锚文本的网页，针对html框架iframe网页中，整个网页将重新载入打开目标网址地址

常用就此两种打开目标方式，一个是新建窗口、一个不设置target将本页重新载入锚文本地址指向URL、一个是整个网页父级重新载入（类似于没有设置target）相同效果。

百度
http://www.baidu.com
百度

2. 高级链接
   可以通过变量来设置一个链接，变量赋值在文档末尾进行，空一行即可看到效果

这个链接用 1 作为网址变量 [百度][1]
这个链接用 google 作为网址变量 [谷歌][google]
然后在文档的结尾为变量赋值（网址）

[1]: http://www.baidu.com/
[google]: http://www.google.com/

百度
谷歌

九、图片

1. 图片语法格式

![alt 属性文本](图片地址)

![alt 属性文本](图片地址 "可选标题")

• 开头一个感叹号 !
• 接着一个方括号，里面放上图片的替代文字
• 接着一个普通括号，里面放上图片的网址，最后还可以用引号包住并加上选择性的 ‘title’ 属性的文字。

2. 两种插入图片方法

目前有三种插入图片方法：网络图片、本地图片和把图片存入Markdown

1. 插入网络图片（只需要填入图片链接即可，如何获得网络图片链接？以火狐浏览器为例，右键目标图片，点击新建标签页打开图像，复制新窗口地址即可）
![CSDN 图标](https://i-blog.csdnimg.cn/blog_migrate/b3b0352a462f3047e6f5a3a21fc793fb.png)

2.插入本地图片（这个我就不用说了吧）这个可能在网页上显示不出来
![MARKDOWN 图标](D:/code/markdown/test1/1.jpg)

第三种目前还没有试过，把链接放在这了: 插入图片的三种方法

当然也可以像网址那样对图片网址使用变量：

这个链接用 1 作为网址变量 [CSDN 网址][CSDN].
然后在文档的结尾为变量赋值（网址）

[CSDN]: https://img-home.csdnimg.cn/images/20201124032511.png

CSDN 图标

3. 设置图片大小

Markdown目前还不可以设置图片的高度与宽度，如果有需要可以使用html语法，<img>标签

<img src="https://i-blog.csdnimg.cn/blog_migrate/20d6af58735197e7dbe45daf0793feb3.png" width="20%">

十、表格

Markdown制作表格使用| 来分隔不同的单元格，使用- 来分隔表头和其他行。

| 表头    | 表头   |
|  ----   | ----  |
| 单元格  | 单元格 |
| 单元格  | 单元格 |

表头	表头
单元格	单元格
单元格	单元格

对齐方式
我们可以设置表格的对齐方式：

• -:设置内容和标题栏居右对齐
• :-设置内容和标题栏居左对齐
• :-:设置内容和标题栏居中对齐

| 左对齐 | 右对齐 | 居中对齐 |
| :-----| ----: | :----: |
| 单元格 | 单元格 | 单元格 |
| 单元格 | 单元格 | 单元格 |

左对齐	右对齐	居中对齐
单元格	单元格	单元格
单元格	单元格	单元格

十一、高级技巧

1. 支持HTML元素

目前支持的 HTML 元素有：<kbd> <b> <i> <em> <sup> <sub> <br>等 ，如：

使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑

使用 Ctrl+Alt+Del 重启电脑

部分Markdown支持的HTML语言

注意在使用HTML的区段内使用Markdown语法没有效果

2.转义

Markdown 使用了很多特殊符号来表示特定的意义，如果需要显示特定的符号则需要使用转义字符，Markdown 使用反斜杠转义特殊字符：

**文本加粗** 
\*\* 正常显示星号 \*\*

文本加粗
** 正常显示星号 **

Markdown支持以下这些符号前面加上反斜杠来帮助插入普通的符号：

符号	解释
\	反斜线
`	反引号
*	星号
_	下划线
{}	花括号
[]	方括号
()	小括号
#	井字号
+	加号
-	减号
.	英文句点
!	感叹号

3.公式

需要在编辑器中插入数学公式时，可以使用两个美元符 $$ 包裹 TeX 或 LaTeX 格式的数学公式来实现。提交后，问答和文章页会根据需要加载 Mathjax 对数学公式进行渲染。如：

摘自菜鸟教程，原代码如下，但是会出现乱码，不知道为啥
$$
\mathbf{V}_1 \times \mathbf{V}_2 =  \begin{vmatrix} 
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
\frac{\partial X}{\partial u} &  \frac{\partial Y}{\partial u} & 0 \\
\frac{\partial X}{\partial v} &  \frac{\partial Y}{\partial v} & 0 \\
\end{vmatrix}
${$tep1}{\style{visibility:hidden}{(x+1)(x+1)}}
$$

关于Markdown使用Latex，贴一个大佬写的教程：新技能：Markdown中使用LaTeX.

---

以上内容学习自菜鸟教程，以及一些大佬的的博客。
本文Markdown源代码链接：GitHub传送门

---

1. Markdown是一种轻量级标记语言，创始人为约翰·格鲁伯（英语：John Gruber）。 它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的XHTML（或者HTML）文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。 ↩︎