html - 液体：如果不工作并在体内打印 var

Question

我正在尝试为带有 HTML 和 CSS 的简单博客创建主页。对于博客文章，我创建了 2 种类型的卡片：blog-card和blog-card alt，一种在左侧，一种在右侧，它们旨在交替使用。所以我做了以下代码：

{% assign iter = 0 %}
{% for post in site.posts %}
{% increment iter %}
{% assign itermodulo = iter | modulo: 2 %}
{% if itermodulo == 0 %}
<div class="blog-card">
...
</div>

{% else %}
<div class="blog-card alt">
...
</div>
{% endif %}
{% endfor %} 

但不是交替卡片格式，而是所有卡片都在左侧（跟随blog-card）并且 variter正在打印在屏幕上。我必须做什么？提前感谢！

标签： htmlcssif-statementliquid

Answer 1

像这样的东西应该工作：

{% for post in site.posts %}
  {% assign itermodulo = forloop.index | modulo: 2 %}
  {% if itermodulo == 0 %}
    <div class="blog-card"></div>
  {% else %}
    <div class="blog-card alt"></div>
  {% endif %}
{% endfor %}