1

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

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

{% 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 %}
4

1 回答 1

1

如何使用循环过滤器并做这样的事情..

{% 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 } 

请参阅 jsfiddle 上的 html

于 2012-07-24T07:09:04.133 回答