Jekyll 循环中的每 4 个项目显示不同

Question

我正在使用 Jekyll 将博客 post 填充到我的博客页面。我希望每个 div 有两个 post 和 "row" class，但我还希望每第 4 个项目是一个广告（跳过 post 并移至下一行，但仍包含其他不是 post) 的内容。

所以如果有 6 个 post，输出应该是这样的

<div class="row"> <!-- 1st row -->
  <div> {{ post.title }} </div>  <!-- 1st post, no skip -->
  <div> {{ post.title }} </div>  <!-- 2nd post, no skip -->
</div>

<div class="row"> <!-- 2nd row -->
  <div> {{ post.title }} </div>  <!-- 3rd post, no skip -->
  <div> THIS IS NOT A POST </div>  <!-- skip post 4, put something else -->
</div>

<div class="row"> <!-- 3rd row -->
  <div> {{ post.title }} </div>  <!-- 4th post, because last item was skipped to display something else -->
  <div> {{ post.title }} </div>  <!-- 5th post, no skip -->
</div>

<div class="row"> <!-- 4th row -->
  <div> {{ post.title }} </div>  <!-- 6th post, no  skip -->
</div>

<!-- and so on, so every 4th item is not a post, but the posts continue after the skipped post -->

我有 post 循环部分，但我不知道如何添加 SKIP

{% assign rows = site.posts.size | divided_by: 2.0 | ceil %}
{% for i in (1..rows) %}
  {% assign offset = forloop.index0 | times: 2 %}
  <div class="row blogitems">
    {% for post in site.posts limit:2 offset:offset %}
        <div class="col-md-6">
          <p>{{ post.title }}</p>
        </div>
    {% endfor %}
  </div>
{% endfor %}

Answer 1

我认为您可以在检查 modulo 的同时浏览您的项目。像这样：

<div class="row blogitems">
{% for post in site.posts %}
  {% assign mod3 = forloop.index | modulo: 3 %}
  <div class="col-md-6"><p>{{ post.title }}</p></div>
  {% if mod3 == 0 %}<div class="col-md-6"><p>THIS IS NOT A POST</p>{% endif %}
  {% if mod3 == 0 or mod3 == 2 %}</div><div class="row blogitems">{% endif %}
{% endfor %}
</div>

Jekyll 循环中的每 4 个项目显示不同

Jekyll every 4th item in loop display differently

html

loops

for-loop

liquid

jekyll