html - 自动生成侧边菜单的 Jekyll 模板/液体代码

标签 html zurb-foundation jekyll liquid

我正在尝试找出从教程标题自动生成侧边菜单的最佳方法。我可以将它们添加到前面的列表中,或者让它自动检测它们,但我需要编写一些代码来只生成适当长度的侧边菜单。类似于 this (你可以在大窗口中看到侧边菜单)但我会使用侧边导航或 Foundation 4 中最好的 Accordion 模块。我想它必须首先计算列表中的单词或短语,然后在循环所需的次数。

由于我不太熟悉 jekyll 和 Liquid 模板代码,所以我想先在这里问一下,看看是否有人可以帮助我。如果很难从哪里开始,我们将不胜感激。

最佳答案

您最好只对侧边菜单进行硬编码并使用布局将其包含在每个页面上。

在构成本教程的每个文件的开头,包括一个 YAML 前端部分,如下所示:

---
layout: sidebar
---

然后在您的 _layouts 文件夹中包含一个名为 sidebar.html 的布局,它描述了这样的边栏:

<html>
    <body>
        <div id="sidebar">
        <!--Sidebar content goes here-->
        </div>

        <div id="content">
        {{ content }}
        </div>
    </body>
</html>

关于html - 自动生成侧边菜单的 Jekyll 模板/液体代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18733450/

相关文章:

javascript - angularjs - 将某些带有数据的输入正确设置为 $pristine 或未触及

javascript - Meteorjs Foundation 模态事件卡住浏览器

javascript - meteor 与杰基尔

html - Jekyll 随机排序集合

javascript - 使用 Javascript 的水平滚动菜单

html - float div 不适用于 float 或显示

html - Foundation 5.2 - 下拉子菜单方向

syntax-highlighting - Jekyll 页面在 github 上失败,但使用 --safe 标志在本地成功运行

html - 如何删除 ionic 导航栏和内容之间的小空间?

jquery - 如何在同一行引导模型中强制两个元素对齐