HTML – Jekyll儿童页面导航

2019年7月21日 188次阅读

我正在完成我的网站重新设计,只需要完成我的投资组合页面.我没有使用帖子作为投资组合条目,而是想使用子目录/子页面：

...
work
  project
     index.html
  project-2
    index.html
  index.html
...

我想循环遍历列表中的子页面以显示在work / index.html上.
类似的东西：

<ul>
  {% for page in site.work.pages %}
    <li>
      <figure>
        <img src="/img/foo.jpg" alt="foo">
      </figure>
    </li>
  {% endfor %}
</ul>

如何才能做到这一点？

最佳答案 Jekyll不像你的例子那样简单地支持这个,
it is coming in 2.0 however.

您可以将键/值对添加到子页面的YAML标头,以表示它应出现在主索引页面上.我有一个类似的设置,我用来定义哪些页面应该出现在网站的主导航中.

project / index.html等

---
group: work
---

工作/ index.html的

<ul>
{% for node in site.pages %}
    {% if 'work' == node.group %}
    <li><a href="{{node.url}}">{{node.title}}</a></li>
    {% endif %}
{% endfor %}
</ul>

如果您更改了if条件以对URL进行子字符串匹配,则可以避免要求group属性,但此解决方案更容易理解.

点赞