Markdown进阶教程

Markdown是很好用的轻量级标记语言，许多开发人员喜欢使用Markdown来记录学习心得和写博客。本篇博客主要介绍Markdown的高级技巧教程，Markdown的基础教程已经在上篇介绍过了。☛ 传送门

---

目录：

1、Markdown目录

2、Markdown内嵌HTML功能

3、Markdown转义

4、Markdown公式

5、Markdown图

***

1、Markdown目录

  在使用Markdown写文档时，有时需要给文档生成目录，此时有两种方式可以实现，一个是通过a标签的锚点实现，另一个是通过TOC扩展实现
  通过锚点实现的请参照上篇Markdown的基础教程中Markdown链接的内容☛ 传送门 ，此处主要介绍top扩展方式实现。
  自动生成目录的方式需要对Markdown进行toc扩展，目前主流的编辑器和博客编写都能实现该功能，使用方法很简单，具体用法如下：

[toc]

tip: [top]必须在要生成目录的地方单独一行写

2、Markdown内嵌HTML功能

  Markdown是可以内嵌Html语言的，对于 Markdown 中未包含的标签, 可以直接使用 HTML，没有必要使用定界符或标识符来表明从 Markdown 切换到 HTML; 直接使用标签就行了。
  唯一的限制就是对于 HTML 块级元素 – 像<div>, <table>, <pre>, <p>, 等等, 必须另起一行单独放 , 并且开始和结束标签前面不能有任何缩进. Markdown 会自动识别这些块级元素而不会在他们周围添加额外的<p>标签。
  例如, 下面是添加 HTML 表格到 Markdown 文件:

非块级元素：<font color=green>**加粗**</font>
<table>
    <tr>
        <td>**表格**</td>
    </tr>
</table>

展示效果：
非块级元素：加粗

**加粗**

注意: Markdown 语法结构在 HTML 块级元素中不会被处理. 例如, 你不该在 HTML 块级元素中使用 Markdown 式的语法如**加粗**。此外，在部分markdown编辑器中，html中还可以加style来通过css控制样式例如博客园的markdown编辑器和Typora支持，CSDN的markdown编辑器目前好像还不支持。


   你甚至可以使用 HTML 标签替代 Markdown 格式; 例如你可以用 HTML <a>和 <img>标签替代 Markdown 的链接和图片语法。以下为部分例子：

斜体标签：<i></i>           <i>i标签斜体</i>   <em>em标签斜体</em>      
粗体标签：<b></b>           <b>粗体</b>
不换行空格标签：&nbsp;       空&nbsp;格  
换行标签：</br>
分割线标签：<hr>
删除线标签：<s></s>
上标标签:<sup></sup>          n<sup>2</sup> + 2n + 1 = 0
下标标签:<sub></sub>          H<sub>2</sub>O
高亮标签:<mark></mark>        <mark style="background:green;">高亮 styl</mark>
键盘文本标签：<kbd></kbd>  使用 <kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Del</kbd> 重启电脑
表格标签：
<table>
   <tr><th>Title1</th><th>Title2</th><th>Title3</th>
   </tr>
   <tr>
      <td>a</td><td>b</td><td>c</td>
   </tr>
   <tr>
      <td>d</td><td>e</td><td>f</td>
   </tr>
</table>

展示效果：
斜体标签： i标签斜体 em标签斜体
粗体标签： 粗体
不换行空格标签：  空 格
换行标签：
分割线标签：

---

删除线标签： 删除线
上标标签: n ² + 2n + 1 = 0
下标标签: H ₂O
高亮
键盘文本标签： 使用 Ctrl+ Alt+ Del 重启电脑

Title1	Title2	Title3
a	b	c
d	e	f

具体详细请见:Markdown内联 HTML官方文档

---

3、Markdown转义

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

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

展示效果：
文本加粗
** 正常显示星号 **

---

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

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

---

4、Markdown公式

  当你需要在编辑器中插入数学公式时，可以使用两个美元符 $ 包裹 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