Markdown页内跳转实现方法

时间:2024-09-29 15:03:38

Markdown页内跳转实现方法

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

[关键词:markdown,标记语言,页内跳转,html]

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

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

目前来看主要有两种方案:生成目录、使用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. 结语

最终生成个目录:

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

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

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