Markdown 技巧：两种方式实现页内跳转(转)

转自：http://ijtsai.com/2014/10/15/Markdown-jump/

跳转到的地方 未看完全文请忽略这行:)

最近，无论是在博客园还是在自己的博客写文章，都是用的 MarkDownPad2 写的。喜欢 MarkDown 这种简单直观的写作方式。

但是写文章时，突然发现如果写了一篇很长的文章，要是没有目录的话。阅读起来十分不便。页内跳转就能很好的解决这个问题。如下图中的目录一样。

Google 了一下，有两种方式在 MarkDown 中实现这两个功能：

1.MarkDown 实现

生成目录的方法：

- [1.语法示例](#1)
- [1.1 图片](#1.1)
- [1.2 换行](#1.2)
- [1.3 强调](#1.3)

生成效果：

• 1.语法示例
• 1.1 图片
• 1.2 换行
• 1.3 强调

在正文中，只要将章节标题的 id 对应上去即可：

<h2 id="1">1.语法示例</h2>
这是第一段 这是第一段
<h3 id="1.1">1.1图片</h3>
这是第一段第一节 这是第一段第一节
<h3 id="1.2">1.2换行</h3>
这是第一段第二节 这是第一段第二节
<h3 id="1.1">1.3强调</h3>
这是第一段第三节 这是第一段第三节

生成效果：

1.语法示例

这是第一段

这是第一段

1.1图片

这是第一段第一节

这是第一段第一节

1.2换行

这是第一段第二节

这是第一段第二节

1.3强调

这是第一段第三节

这是第一段第三节

点击目录，发现可以页内跳转了。

---

2.html 标签实现

• 定义一个锚(id)：跳转到的地方
• 使用 markdown 语法：[点击跳转](#jump)
• 在文章末尾设置一个锚，然后跳转到文章开始的地方。

点击跳转