如何使用Jekyll / Liquid创建主题菜单

Question

我试图创建一个大纲来模拟一个菜单，直接链接到post。这种结构将类似于专题帮助手册或书籍章节的结构。

问题是如何做，我想在config.yml中创建结构，为每个主题定义一个标记和一个标题，并递归地检查是否有一个子主题。我不认为这是最正确的方法，但我创造了这样一个结构：

http://pastebin.com/k07yPmAq

当我旅行这个数组，打印标题和相应的帖子这些标签？

还是有更好的方法？

这将在GitHub上，所以我不能使用插件。

Answer 1

如果你不能使用插件的唯一方式，我知道，实现这是循环通过列表，每个级别一个循环。下面是一个示例：

<ul class="topics">
{% for topic in site.topics %}
    <li>
        <a title="{{topic.title}}" href="/tags/{{topic.tag}}">{{topic.title}}</a>
        {% if topic.subtopics %}
        <ul class="subtopics">
            {% for subtopic in topic.subtopics %}
                <li>
                    <a title="{{subtopic.title}}" href="/tags/{{subtopic.tag}}">{{subtopic.title}}</a>
                   <!-- add another for if you have another level, and so on... -->
                </li>
            {% endfor %} 
        </ul>
        {% endif %}
    </li>
{% endfor %} 
<ul>

我不认为您应该害怕性能，因为这里您正在编译一次“慢”，以服务多次“快”。

P.s.如果您不需要从配置文件中生成菜单，则始终可以将其直接写入html中，如_includes/navigation.html，然后使用{% include navigation.html %}从布局中包含它。