Question

我正在尝试创建导航到集合中上一页/下一页的左/右箭头链接。这对于标准集合来说很容易实现：

{% if page.previous %}
  <a href="{{ page.previous.url }}>Left arrow</a>
{% endif %}
{% if page.next %}
  <a href="{{ page.next.url }}>Right arrow</a>
{% endif %}

我遇到的问题是，这只是按文件顺序循环收集。我需要使用frontmatter变量（position）指定页面的特定顺序。

我搜索的范围很广，但所有与排序有关的信息似乎都适用于网站导航而不是分页。在将已排序的集合分配给变量之后，我似乎需要使用液体循环。我努力让page.previous和page.next变量在此循环中运行。

我试图遍历已排序集合中的文档，只在文档网址与当前页面匹配时输出导航箭头，但这似乎不起作用：

{% assign sorted_collection site.collection | sort: "position" %}

{% for document in sorted_collection %}

  {% if document.url == page.url %}

    {% if document.previous %}
      <a href="{{ document.previous.url }}>Left arrow</a>
    {% endif %}

    {% if document.next %}
      <a href="{{ document.next.url }}>Right arrow</a>
    {% endif %}

  {% endif %}

{% endfor %}

我的液体语法中是否遗漏了某些内容，或者我的逻辑在这里完全走错了路线？

我目前的hacky解决方案是在文档文件名前加上数字，以确保默认情况下它们的顺序正确。但是，当我将网站交给网站时，这不会起作用，因为我无法信任非技术内容创建者并保持文件名的顺序。

Answer 1

您链接的技术几乎就是我用于下一个/上一个集合的技术。如果链接过时，这里有一个类似的片段，用于保存集合项对象而不仅仅是URL：

{% if page.collection %}
  {% assign collection = site[page.collection] | sort: 'position' %}
  {% assign prev = collection | last %}
  {% assign next = collection | first %}

  {% for item in collection %}
    {% if item.title == page.title %}
      {% unless forloop.first %}
        {% assign prev = iterator %}
      {% endunless %}

      {% unless forloop.last %}
        {% assign next = collection[forloop.index] %}
      {% endunless %}
    {% endif %}

    {% assign iterator = item %}
  {% endfor %}
{% endif %}

{% if prev %}
  <a href="{{ prev.url }}">{{ prev.title }}</a>
{% endif %}

{% if next %}
  <a href="{{ next.url }}">{{ next.title }}</a>
{% endif %}

Answer 2

我刚刚找到并测试了解决方案suggested here，它确实有效！我认为诀窍在于捕获集合名称并将其作为字符串分配给变量。

有没有人有更好/更简洁的方法呢？

如何对已排序的Jekyll集合进行分页？

2 个答案: