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

时间:2013-09-11 05:40:44

标签: html zurb-foundation jekyll liquid

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

由于我不太熟悉jekyll和Liquid模板代码,我虽然先问这里然后找出是否有人可以帮助我。如果很难推动从哪里开始将非常感激。

1 个答案:

答案 0 :(得分:1)

只需硬编码侧边菜单并使用布局将其包含在每个页面上,你会好得多。

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

---
layout: sidebar
---

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

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

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