CSDN博客的MarkDown編輯器實現頁內跳轉

一、前言

    之前我在博客上發佈過關於 MarkDown 上實現頁內跳轉的文章(參考:Markdown實用語法之實現頁面內跳轉),當時主要是基於 小書匠 編輯器的,有些網友反饋在CSDN中不起作用。經過一番的努力,終於找到了在CSDN博客的MarkDown編輯器上實現頁內跳轉的方法,廢話不多說,直接開入正題。

二、實現方法

    其實CSDN的 MarkDown 編輯器,添加標題之後,會生成一個標題編號,可以通過這個標題編號實現跳轉。MarkDown 的頁面跳轉使用鏈接的方式實現,只不過,鏈接部分是#標題編號定義,如下:

[鏈接文字](#標題編號)

2.1 如何獲取標題編號

    CSDN的 MarkDown 編輯器的標題編號是自動生成的,我們也無法直接看到,但是是有方法可以獲取的。在編輯器中使用[toc]生成目錄,在預覽區目錄中,在對應標題處右鍵->複製鏈接地址,你就可以得到一串鏈接地址,鏈接地址類似於:https://editor.csdn.net/md?articleId=105836521#21__10,這個是編輯器裏的地址,取 # 號後面的就是標題編號了,將標題編號放入 MarkDown 的鏈接中即可。

示例:

[回到前言](#_2)

效果:
回到前言

    有小朋友肯定又會問了,如果我不想在文章中顯示目錄怎麼辦?其實,標題編號並不隨目錄而定,而是隨標題本身而定的,所以,將 [toc] 刪除,並不會影響跳轉。

2.2 注意事項

    這個方法需要注意的是,如果在之前編輯好的內容中插入其他標題,包括添加 [toc] ,需要檢查一下鏈接的標題編號是否有改變(其實標題編號生成也是有一定規則的,如果在文章末尾添加,不會影響簽名的標題編號),如果有改變,需要替換,否則將會出現無法跳轉或者跳轉錯誤。

三、終極測試

回到前言
回到實現方法
2.1 如何獲取標題編號

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章