頁面內的 Jekyll 鏈接

Question

我在 Github 上使用 Jekyll，我想知道是否有辦法鏈接到頁面中的某個部分。 說我有一個像

## Section 1 ##
section content 

稍后在同一頁面中，我想鏈接到此部分。 我找到了如何鏈接到博客中的另一個頁面並做腳注，但不是這個。

作為說明，我在我的_config.yml中使用markdown: kramdown

Answer 1

如果選項auto_ids設置為true（默認值），則kramdown支持自動生成標頭ID。 這是通過轉換未轉換的，即普通的標題文本來完成的

所以在上面的示例## Section 1 ## ，它將生成以下id： id="section-1" ，然后錨通過A元素鏈接到：

<A href="#section-1">Section One</A>

或者以普通kramdown / markdown： [Section 1](#section-1)

Answer 2

似乎這已經改為＃heading-section-1（現在正在檢查Jekyll 3.7.3）。

作為一種自己解決這個問題的方法，您可以檢查元素並查看在渲染頁面上使用的ID。

Answer 3

我找到了一個不錯的存儲庫，可以通過三個簡單的步驟幫助向所有標題添加錨點。

從文檔：

1. 從master 分支下載anchor_headings.html文件

2. 將該文件放入您的_includes文件夾中

3. 在您通常將{{ content }}放在布局中的地方，您可以使用這個 Liquid 標簽來輸出頁面的內容：

   {% 包含 anchor_headings.html html=content anchorBody="#" %}

結果你會看到：

這很容易定制。

Answer 4

如果您要跳轉到的頁面部分不是部分標題，那么這個接受的答案對我不起作用。 以下對我有用：

[jump](#final-solution)


<div id="final-solution"></div>