Jekyll markdown 链接标题答案

【问题标题】：Jekyll markdown titles to linksJekyll markdown 链接标题
【发布时间】：2017-02-14 17:37:20
【问题描述】：

我将 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 -->"

【问题讨论】：

你在使用 kramdown 吗？如果您使用 kramdown，它们将自动生成。
是的，但仍然不生成锚链接..

标签： markdown jekyll

【解决方案1】：

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

锚点 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';
});

【讨论】：

【解决方案2】：

您想要的称为锚链接。 Kramdown 应该默认支持它们（如果已打开，请查看 _config.xml）。否则在 jekyll github 页面上有一个issue，您可以在其中找到更多详细信息。

【讨论】：