Markdown 使用錨點在頁面之間跳轉

2021-09-22 23:32:17 字數 822 閱讀 8653

最近專案的文件都託管到gitlab上的wiki上,包括介面文件。

所以,需要用到錨點定位。

之前查過別人的部落格,大家的做法是

採用div中的id屬性,運用html中的錨點做法,來做markdown中的錨點

但是經過我的實踐,這種做法是不能在gitlab上實現的。

線上 -> gitlab中的wiki

本地 ->gitlab託管專案中的wiki專案,本地已經部署了gollum

如何部署gollum本文不做展開,其他人的部落格還是靠譜的。

舉例

第一級頁面檔案為menu.md

第二級頁面檔案為api_list.md

api_list.md中大體布局為如下所示

#h1

##h2/1

text

##h2/2

text

在一級頁面直接二級頁面某個節點的格式為

[api名字](api_list#h21)
已經明確的規則如下

經過這次實踐,明白了gollum的作用

鏈結跳轉規則

[api名字](api_list#h1_h2-1)
和gitlab不同的是

這樣就完成了不同頁面內跳轉的需求。

在預覽介面,滑鼠停留在需要跳轉到到的標題前面,複製鏈結位址

markdown中新增錨點

是網頁製作中超級鏈結的一種,又叫命名錨記。命名錨記像乙個迅速定位器一樣是一種頁面內的超級鏈結,運用相當普遍。英文名 anchor 使用命名錨記可以在文件中設定標記,這些標記通常放在文件的特定主題處或頂部。然後可以建立到這些命名錨記的鏈結,這些鏈結可快速將訪問者帶到指定位置。建立到命名錨記的鏈結的過程...

頁面關閉事件 錨事件

onhashchange 事件在當前 url 的錨部分 以 號為開始 發生改變時觸發 錨部分的例項 指定當前 url 為 這個 url 中的錨部分為 part2。你可以使用以下方式呼叫事件 onbeforeunload 事件在即將離開當前頁面 重新整理或關閉 時觸發。該事件可用於彈出對話方塊,提示使...

頁面錨點的設定

2中情況 一種情況是 頁面內跳轉 方法一 頁面另外乙個地方寫成 方法二 頁面另外乙個寫成 w3c dtd xhtml 1.0 transitional en xml lang en miao 喵喵喵 喵喵喵 喵喵喵 喵喵喵 喵喵喵 喵喵喵 wang 汪汪汪 汪汪汪 汪汪汪 汪汪汪 汪汪汪 汪汪汪 m...