Typora、CSDN和GitHub的頁內跳轉

Typora的頁內跳轉

1. 跳轉的位置是標題（前面含有“#”）：

   ### 三級標題
   
   [點我跳轉到三級標題](#三級標題)
   

   優點：這種方法與創建鏈接的方法非常相似，區別是鏈接（“()“裏的內容）由”#+標題名字“組成，簡單易用。

   缺點：跳轉到的位置只能是標題，不能跳到文段中，存在據線性。

   效果：

   三級標題

   點我跳轉到三級標題

2. 跳轉到任意位置：

   <a name="anchor1"></a>跳轉到這裏
   
   [點我跳轉](#anchor1)
   

   這是Typora官方提供的方法

   優點：可以跳轉到任意位置。

   缺點：形似html代碼，且標記不會消失，會一定程度的影響閱讀。

   效果：

   跳轉到這裏

   點我跳轉

CSDN的頁內跳轉

  將上面這兩種方法複製到CSDN的markdown編輯器，發現都沒有作用，經過上網查找、總結，我終於發現了原因。

  網上的教程：

1. <h1 id="titleA_id">titleA</h1>
   
   [點我跳轉](#titleA_id)
   

   效果：

   titleA

點我跳轉

2. <div id="titleB_id">titleB</div>
   
   [點我跳轉](#titleB_id)
   

   效果：

   titleB

   點我跳轉

3. <a id="titleB_id">titleB</a>
   
   [點我跳轉](#titleB_id)
   

   效果：

   titleB

   點我跳轉

  直到看到最後一個代碼，我才發現這與Typora頁內跳轉的方法二是差不多的，唯一的區別是Typora中屬性是”name“，而CSDN中是”id“。這是因爲CSDN在網頁上顯示，其只支持html的跳轉語法，而Typora雖然支持html語言，但是其進行了改版。

  正是這個原因，你會發現很多CSDN的文章都含有頁內跳轉功能（字變成藍色），但是你在APP中是無法實現頁內跳轉這一功能的，因爲它依賴的是瀏覽器的功能。如果CSDN想要推廣自己的APP的話，最好向標準的markdown靠攏吧。

GitHub的頁內跳轉

  測試證明，以上的所有方法GitHub均支持！

CSDN目錄的頁內跳轉

來源：csdn博客文章頭部自動生成目錄