2016-12-29 84 views
1

3個帖子這可能是非常明顯的,但我從頭開始一個Jekyll博客,我使用Shopify的Liquid一次在液體(傑基爾)

說我有崗位的集合:

post1, post2, post3, post4, post5, post6, post7, post8, post9, post10 

我試圖渲染一次3個職位爲<div>。所以它看起來像這樣:

<div> 
    post1 
    post2 
    post3 
</div> 
<div> 
    post4 
    post5 
    post6 
</div> 
<div> 
    post7 
    post8 
    post9 
</div> 
<div> 
    post10 
</div> 

我該如何在Liquid中完成這項工作? 似乎ruby的splice似乎足夠,但我無法找到如何在液體中做到這一點。

回答

1
{% for p in site.posts %} 
    {% assign counter = forloop.index | modulo:3 %} 
    {% if counter == 1 %}<div>{% endif %} 
    <h3>{{ p.title }}</h3> 
    {% if forloop.last or counter == 0 %}</div>{% endif %} 
{% endfor %}