html - Jekyll 子页面导航

Question

我正在完成我的网站重新设计，只需要完成我的投资组合页面。我不想将帖子用于投资组合条目，而是使用子目录/子页面：

...
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>

如何才能做到这一点？

Answer 1

Jekyll 并不像您的示例那样简单地支持这一点，但是它会在 2.0 中出现。

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

项目/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 属性，但这种解决方案更容易理解。

Answer 2

如果您使用自己的页面构建，jekyll build您可以简单地创建一个名为_plugins/page_filters.rb以下内​​容的文件：

module Jekyll
  module PageFilters
    def children_of(all_pages, parent)
      all_pages.select { |p| child_of?(p, parent) }
    end

    private

    def child_of?(child, parent)
      parent_path = parent["path"]
      child_path = child.path

      # Exclude 'index.md' from becoming a child of itself
      return false if parent_path == child_path

      # Remove 'index.md' from the parent path
      parent_path = parent_path.split("index.md", 2).first

      child_path.start_with? parent_path
    end
  end
end

Liquid::Template.register_filter(Jekyll::PageFilters)

然后像这样调用children_of过滤器：

{% assign children = site.pages | children_of: page %}
<ul>
{% for child in children %}
    <li><a href="{{ child.url }}">{{ child.title }}</a></li>
{% endfor %}
</ul>