过滤器/最大最小/每第 n 个帖子？答案

【问题标题】：Filters / max min / every nth post?过滤器/最大最小/每第 n 个帖子？
【发布时间】：2023-03-29 03:06:02
【问题描述】：

假设我有一个包含 3 列的 div 容器，我希望 Jekyll 填充所有帖子。我看到limit Liquid 语法，但不知道如何在每 3 个博客之后附加下面的 div 容器。这可能吗？

假设我有 9 个帖子；我应该看到有 3 行 column-container 的 3 列。

{% for post in site.posts %}

<div class="column-container">

   <!-- col 1 -->
   <div class="column">
      <p>1 {{ post.title }}</p>   
   </div>

   <!-- col 2 -->
   <div class="column">
      <p>2 {{ post.title }}</p>   
   </div>

   <!-- col 3 -->
   <div class="column">
      <p>3 {{ post.title }}</p>   
   </div>

</div>

{% endfor %}

【问题讨论】：

标签： ruby blogs jekyll liquid

【解决方案1】：

使用cycle filter 并做这样的事情怎么样..

{% for post in site.posts %}

<div class="column-container">

  <div class="column {%cycle 'col1', 'col2', 'col3'%}">
    <p>1 {{ post.title }}</p>   
  </div>

</div>

{% endfor %}

然后使用 CSS 设置样式。

.column { float: left }
.col1 { clear: left }

See html on jsfiddle

【讨论】：