Markdown技巧（二)

Markdown技巧（二)

实现markdown自动生成目录，手动生成目录以及页内跳转（页内跳转也可以实现目录）。

1、自动生成目录

在页面开头，添加@[toc] ，在每一个目录节点处，使用#、##、###等标注目录及子目录。这样就会自动生成目录。
其中，#为一级目录，##为二级目录，###为三级目录，以此类推####、##### 。

示例

• 下面为markdown编辑内容：

---

---

• 下面为效果展示：

---

---

2、手动生成目录

需要设置目录的内容A，以及目录跳转的地方B。

• A的格式为：[A](#1)
• B的格式为：<h1 id="1">B</h1>

其中，A的#后的内容需要与B中 id="" 中引号内的内容相同。
另外，B中的h1也可以用h2、h3、h4等，分别表示 一级目录、二级目录……。不同目录使得B的大小不同。

示例

• 下面为markdown编辑内容：

---

---

• 下面为效果展示：

---

---

3、页内跳转

页面内跳转，由A跳转到B。那么需要分别将A，B设为以下格式

• A的格式为：[A](#1)
• B的格式为：<div id="1">B<div>

其中，A的#后的内容需要与B中 id="" 中引号内的内容相同。
与手动生成目录不同的是，页面跳转使用div而不是h1、h2等，这也使得B的字体大小不同。

示例

• 下面为markdown编辑内容：

---

---

• 下面为效果展示：

---

图中，点击蓝色链接将会跳转到这里是跳转到的地方这一行。

---