跳轉到的地方<code>未看完全文請忽略這個:)</code>
最近，無論是在部落格園還是在自己的部落格寫文章，都是用的markdownpad2寫的。喜歡markdown這種簡單直覺的寫作方式。
但是寫文章時，突然發現如果寫了一篇很長的文章，要是沒有目錄的話。閱讀起來十分不便。頁内跳轉就能很好的解決這個問題。
如下圖中的目錄一樣。
google了一下，有兩種方式在markdown中實作這兩個功能:
markdown實作
生成目錄的方法:
<code>* [1.文法示例](#1)</code>
<code>* [1.1圖檔](#1.1)</code>
<code>* [1.2換行](#1.2)</code>
<code>* [1.3強調](#1.3)</code>
生成效果:
<a href="http://www.cnblogs.com/johntsai/p/4027229.html#1">1.文法示例</a>
<a href="http://www.cnblogs.com/johntsai/p/4027229.html#1.1">1.1圖檔</a>
<a href="http://www.cnblogs.com/johntsai/p/4027229.html#1.2">1.2換行</a>
<a href="http://www.cnblogs.com/johntsai/p/4027229.html#1.3">1.3強調</a>
在正文中，隻要将章節标題的id對應上去即可:
<code><h2 id="1">1.文法示例</h2></code>
<code>這是第一段</code>
<code><h3 id="1.1">1.1圖檔</h3></code>
<code>這是第一段第一節</code>
<code><h3 id="1.2">1.2換行</h3></code>
<code>這是第一段第二節</code>
<code><h3 id="1.1">1.3強調</h3></code>
<code>這是第一段第三節</code>
這是第一段
這是第一段第一節
這是第一段第二節
這是第一段第三節
點選目錄，發現可以頁内跳轉了。
2.html标簽實作
定義一個錨(id)：<code><span id="jump">跳轉到的地方</span></code>
使用markdown文法：<code>[點選跳轉](#jump)</code>
在文章末尾設定一個錨，然後跳轉到文章開始的地方。
<a href="http://www.cnblogs.com/johntsai/p/4027229.html#jump">點選跳轉</a>
如果喜歡，覺得有收獲，請點推薦，謝謝！
給我打賞，buy me a cup of coffee!