2016-12-29 23 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 %}