在Jekyll中每3篇帖子后更改网格列

我想以3x2x3网格布局显示我的博客文章，其中第一行有3篇文章，第二行有2篇文章，第三行有3篇文章。我的方法是使用

limit

和

offset

对循环重复

for

。试图找到一种更优雅的方法来实现这一点，而不必使用太多的

for循环

代码

<div class='container'>
    <div class='row'>
        {% for post in site.posts limit: 3 %}
            <div class='col-sm-6 col-md-4'>
                <p>{{ post.title }}</p>
            </div>
        {% endfor %}

        {% for post in site.posts limit: 2 offset: 3 %}
            <div class='col-sm-6'>
                <p>{{ post.title }}</p>
            </div>
        {% endfor %}

        {% for post in site.posts limit: 3 offset: 5 %}
            <div class='col-sm-6 col-md-4'>
                <p>{{ post.title }}</p>
            </div>
        {% endfor %}
    </div>
</div>

{站点中的帖子的百分比。帖子限制：3%}
{{post.title}}

{%endfor%}
{站点中帖子的百分比。帖子限制：2偏移量：3%}
{{post.title}}

{%endfor%}
{站点中帖子的百分比。帖子限制：3偏移量：5%}
{{post.title}}

{%endfor%}

您可以使用：

<div class='container'>
    <div class='row'>
        {% for post in site.posts limit: 8 %}
            <div class='col-sm-6{% unless forloop.index == 4 or forloop.index == 5 %} col-md-4{% endunless %}'>
                <p>{{ post.title }}</p>
            </div>
        {% endfor %}
    </div>
</div>

---

如果我有50多篇文章，那么

forloop.index

会允许交替的网格列吗？是的，绝对会，因为它只是一个反例谢谢你的回答！非常感谢！！！

<div class='container'>
    <div class='row'>
        {% for post in site.posts limit: 8 %}
            <div class='col-sm-6{% cycle "","",""," col-md-4"," col-md-4" %}'>
                <p>{{ post.title }}</p>
            </div>
        {% endfor %}
    </div>
</div>

<div class='container'>
    <div class='row'>
        {% for post in site.posts limit: 8 %}
            {% assign mod = forloop.index0 | modulo: 5 %}
            <div class='col-sm-6{% if mod == 3 or mod == 4 %} col-md-4{% endif %}'>
                <p>{{ post.title }}</p>
            </div>
        {% endfor %}
    </div>
</div>