gpt4 book ai didi

Jekyll:将 kramdown 目录放入 _include 中以进行哈希导航

转载 作者:行者123 更新时间:2023-12-02 09:36:55 28 4
gpt4 key购买 nike

我想将页面标题的哈希链接引入网页的菜单中。该网页是使用 Jekyll 生成的,其默认布局如下所示:

<!DOCTYPE html>
<html>

{% include head.html %}

<body>

{% include header.html %}

<div id="BigFatContainer">
{{ content }}
{% include footer.html %}
</div>
</body>
</html>

用于导航到不同页面的菜单位于标题中。在以下 Kramdown 命令的帮助下,我已经能够将目录添加到 {{ content }} 中:

* Point at which the TOC is attached
{:toc}

可以使用一些丑陋的 JavaScript hack 将此目录从 {{ content }} 移动到 header.html 中,但这将是一个糟糕的解决方案。不可能将 {:toc} 宏放在 header.html 中,因为 Kramdown 不会解析它,即使您确保它已被 Kramdown 解析,例如this插件它输出 header.md 的 TOC,而不是内容的 TOC。

最佳答案

@miroslav-nedyalkov 的做法是正确的。按照他查看 Bootstrap 文档的建议,我发现它使用了 Ruby Gem - jekyll-toc它允许您将目录放置在布局文件中的任何位置。您可以在前面的内容中启用它。我现在成功使用:

<nav aria-label="Table of Contents">
{{ content | toc_only }}
</nav>

<section itemprop="articleBody">
{{ content }}
</section>

关于Jekyll:将 kramdown 目录放入 _include 中以进行哈希导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27611488/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com