页面内的 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>