过滤/最大/每隔n个帖子?

时间:2012-07-24 03:19:47

标签: ruby blogs jekyll liquid

假设我有一个包含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 %}

1 个答案:

答案 0 :(得分: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