MarkDown技巧：兩種方式實現頁內跳轉

MarkDown技巧：兩種方式實現頁內跳轉

本人郵箱：JohnTsai.Work@gmail.com,歡迎交流討論。
歡迎轉載，轉載請註明網址:http://www.cnblogs.com/JohnTsai
我的博客地址:http://johntsaiandroid.github.io

---

跳轉到的地方未看徹底文請忽略這個:)

最近，不管是在博客園仍是在本身的博客寫文章，都是用的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標籤實現

1. 定義一個錨(id)：<span id="jump">跳轉到的地方</span>
2. 使用markdown語法：[點擊跳轉](#jump)

在文章末尾設置一個錨，而後跳轉到文章開始的地方。

點擊跳轉

若是喜歡，以爲有收穫，請點推薦，謝謝！

給我打賞，buy me a cup of coffee!