【发布时间】:2020-03-23 06:27:22
【问题描述】:
我希望能够使用 Eleventy 来创建父集合和子集合,然后我可以循环创建导航。
我目前在一个名为 continents 的集合中有一些帖子,前面的内容显示如下:
---
title: Europe
tags: continents
---
我循环创建链接列表:
<ul class="parent-list">
{% for post in collections.continents %}
<li><a href="{{ post_url | post }}">{{ post.data.title}}</a></li>
{% endfor %}
</ul>
是否可以拥有continents 的子集合?例如countries?如果是这样,这些数据需要添加到我的主题的什么位置?
如果能够像这样循环遍历集合,那就太好了:
<ul class="parent-list">
{% for post in collections.continents %}
<li><a href="{{ post_url | post }}">{{ post.data.title}}</a></li>
<ul class="child-list">
{% for post in collections.countries %}
<li><a href="{{ post_url | post }}">{{ post.data.title}}</a></li>
{% endfor %}
</ul>
{% endfor %}
</ul>
我知道eleventy-navigation,但看起来你也只能有一个级别的导航。
【问题讨论】:
-
eleventy-navigation 解决了这个确切的问题,它确实支持 N 级深度。具体来说,11ty.dev/docs 上的侧边栏显示 3 个不同的级别
标签: javascript html handlebars.js liquid eleventy