液体：ifelse 不工作并在体内打印 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 之后）并且 var iter 正在屏幕上打印。我必须做什么？提前致谢！

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

液体：ifelse 不工作并在体内打印 var

Liquid: ifelse not working and printing var in the body

html

css

if-statement

liquid