Question

我使用Jekyll作为我的静态博客。我使用Markdown写帖子。

我遇到的问题是Jekyll没有创建与标题相关联的链接。我会在不使用Javascript的情况下尝试这样做。

以下是一个示例，我们将此页面称为mysite.com/page

# My title

bla bla bla

我希望Jekyll添加一个指向mysite.com/page/#my-title或mysite.com/page#my-title的链接，因为两者都是手工打字。 就像在任何Github自述文件中都可以这样（例如，见here）

我正在使用Kramdown：

markdown:      kramdown
markdown_ext:  markdown,mkd,mkdn,md
textile_ext:   textile
kramdown:
  input: GFM
  syntax_highlighter: rouge
excerpt_separator: "<!-- more -->"

Answer 1

好的解决了，感谢@streetturtle和Github上的问题。

Anchor JS

我正在使用Anchor JS脚本，并将其添加到我的html模板

<script src="//cdnjs.cloudflare.com/ajax/libs/anchor-js/3.2.0/anchor.min.js"></script>

用法

在新脚本中，我只需添加以下行：

document.addEventListener("DOMContentLoaded", function(event) {
  anchors.add('article section h1, h2, h3, h4, h5, h6');
  anchors.options.placement = 'left';
});

Answer 2

您想拥有的是锚链接。默认情况下，Kramdown应支持它们（如果已启用，请登录_config.xml）。否则，在jekyll github页面上有一个issue，您可以在其中找到更多详细信息。

Jekyll降价标题链接

2 个答案:

Anchor JS

用法