Markdown语法笔记

说在前面的话：此笔记主要参考菜鸟教程，同时也有菜鸟上没有的一些写法，本人水平有限，欢迎大家一起补充。
代码块中的内容只有一小部分展示了效果，其余代码可以直接复制到Typora内查看效果

一、标题

​ Markdown的标题有两种实现方式：

1. 三个或以上“ = ” 和 “ - ”

这是一级标题
=====
这是二级标题
-----

2. 1-6个“ # ” （推荐）

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

二、段落

1、换行

​ 两个或以上的空格加回车

2、字体

• */_：斜体
• **/__：粗体
• ***/___：斜体+粗体

*斜体文本*
_斜体文本_
**粗体文本**
__粗体文本__
***粗斜体文本***
___粗斜体文本___

3、分割线

• 用三个以上的星号、减号、底线
  • 行内不能有其他除了空格外的字符。
  • 你也可以在星号或是减号中间插入空格。

***

* * *

*****

- - -

----------

效果：

---

4、删除线

​ ~~（波浪线）

BAIDU.COM
~~BAIDU.COM~~

5、下划线

​

<u>带下划线文本</u>

6、脚注

​ ¹ （这里可以点击，内容在最后面）

创建脚注格式类似这样 [^随便名字]。

[^随便名字]: 对要注明的文本进行注明，一般放在最底下

7、高亮

​ “ == ”

==我是高亮的==

8、上标

​ “ ^ ”

3^2^ = 9

​ 效果：

​ 3² = 9

9、下标

​ " ~ "

a~1~
b~1~

​ 效果：

​ a₁

​ b₁

三、列表

1、无序列表

• “ + ” + 空格
• “ * ” + 空格
• “ - ” + 空格

* 第一项
* 第二项
* 第三项

+ 第一项
+ 第二项
+ 第三项


- 第一项
- 第二项
- 第三项

2、有序列表

​ 数字+“ . ” + 空格

1. 第一项
2. 第二项
3. 第三项

3、列表嵌套

​ 在子列表中的选项前面添加四个空格（这里只是演示，完全可以用其他无序列表的表示方式）

1. 第一项：
    - 第一项嵌套的第一个元素
    - 第一项嵌套的第二个元素
2. 第二项：
    - 第二项嵌套的第一个元素
    - 第二项嵌套的第二个元素

四、区块（引用）

1、单个区块

​ " > " + 空格

> 区块引用
> 菜鸟教程
> 学的不仅是技术更是梦想

2、区块嵌套

​ 两个或以上的“ > ” （每个中间都有空格）

> 最外层
> > 第一层嵌套
> > > 第二层嵌套

3、区块中使用列表

​ 直接正常思路写，不需要四个空格

> 区块中使用列表
> 1. 第一项
> 2. 第二项
> + 第一项
> + 第二项
> + 第三项

4、列表中使用区块

​ " > " 前加四个空格

* 第一项
    > 菜鸟教程
    > 学的不仅是技术更是梦想
* 第二项

五、代码

1、代码片段

​ " ` " （反引号）

`printf()` 函数

2、代码块

1. 4 个空格或者一个制表符（Tab 键）

效果：

2. ==```==包裹代码，并指定一种语言（可以不指定）

​```javascript
$(document).ready(function () {
    alert('RUNOOB');
});
​```

六、链接

1. 方式1

   <链接地址>

   <http://www.baidu.com>
   

2. 方式2

   [链接文字](链接地址)

   [百度搜索](http://www.baidu.com)
   

3. 方式3

   通过变量来设置一个链接，变量赋值在文档末尾进行：

   这个链接用 1 作为网址变量 [Google][1]
   这个链接用 runoob 作为网址变量 [Runoob][runoob]
   然后在文档的结尾为变量赋值（网址）
   
     [1]: http://www.google.com/
     [runoob]: http://www.runoob.com/
   

七、图片

1. 常规方式

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

2. 链接第三种方式

   这个链接用 1 作为网址变量 [RUNOOB][1].
   然后在文档的结尾为变量赋值（网址）
   
   [1]: http://static.runoob.com/images/runoob-logo.png
   

3. img标签

   Markdown还不能支持设置图片大小有需要可以用img标签

   <img src="http://static.runoob.com/images/runoob-logo.png" width="50%">
   

八、表格

​ 1. 使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行。

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

2. 对齐方式

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

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

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

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

九、高级技巧

1. 支持的 HTML 元素

   不在 Markdown 涵盖范围之内的标签，都可以直接在文档里面用 HTML 撰写。

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

使用 <kbd>Win</kbd>+<kbd>E</kbd> 打开资源管理器 

效果：

使用 Win+E 打开资源管理器

2. 转义

   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)}}
   $$
   

---

1. 这个文本对要注明的文本进行注明，一般放在最底下 ↩︎