Markdown页内跳转实现方法

Markdown页内跳转实现方法

[时间：2017-02] [状态：Open]

[关键词：markdown，标记语言，页内跳转，html]

markdown的语法本身支持URL链接跳转，但是如何实现页内跳转呢？

在写比较长的文章是这还是一个不错的快速定位方法。

目前来看主要有两种方案：生成目录、使用html的锚点

目录

• Markdown页内跳转实现方法
  • HTML锚点跳转
  • 生成目录

HTML锚点跳转

点击跳转

实际语法比较简单，在需要跳转的位置添加锚点，语法如下：

<span id="jump">跳转到的地方</span>

在需要点击跳转的位置，使用上面的id，格式类似超链接的形式：

[点击跳转](#jump)

这样就实现了上述功能。

生成目录

1. 生成目录

这是一个自动生成目录的语法。下面是下一级目录：

1.1 第二级说明1

这是二级目录的一个测试文本。

1.2 第二级说明2

这是二级目录的第二个测试文本。

2. 结语

这是最后一部分内容了。
```
// add some comment code

// end of block

为了效果，加点空行。

最终生成个目录：
* [1. 生成目录](#1)
	* [1.1 第二级1](#1.1)
	* [1.2 第二级2](#1.2)
* [2.结语](#2)

实现上述效果的主要语法如下：

1. 生成目录

这是一个自动生成目录的语法。下面是下一级目录：

1.1 第二级说明1

这是二级目录的一个测试文本。

1.2 第二级说明2

这是二级目录的第二个测试文本。

2. 结语

最终生成个目录：

• 1. 生成目录
  • 1.1 第二级1
  • 1.2 第二级2
• 2.结语

从在windows下的MarkdownPad测试来看，这两个跳转都不支持，不过在cnblog上是可以的。

至于自动生成目录的[TOC]，目前还是没看到具体效果。

<span id="jump">跳转到的地方</span>