Liquid for 循环在 Jekyll 中无法正常工作

Question

我在 Jekyll 中使用液体 for 循环来显示基于此 YAML 结构的页面内容：

work_left:
  isitgo:
    image: /images/isitgo.png
    caption: isitgoonair.net homepage
    description: a website
  disko:
    image: /images/disko.png
    caption: Disko
    description: a website
work_right:
  qfi:
    image: /images/qfi.png
    caption: qfi.im
    description: a website

这是 for 循环：

{% for item in page.work_left %}
    {{ item.image }}
{% endfor %}

item.image 不会生成字符串 /images/isitgo。 png 和 /images/disko.png 正在输出。
如果我只是执行 {{ item }}，结果如下：

isitgo
{
    "image"=>"/images/isitgo.png",
    "caption"=>"isitgoonair.net homepage",
    "description"=>"an awesome website i made"
}

disko
{
    "image"=>"/images/disko.png",
    "caption"=>"Disko",
    "description"=>"that site"
}

是什么导致了这个？

Answer 1

您之所以得到这些结果，是因为 Liquid 解析关联数组的方式 - 这就是 work_left 的本质。在每次迭代中，您都会得到两个项目：“键”和“值”。

我警告您，在某些情况下这可能会给您带来问题。值得注意的是，项目出现的顺序无法保证 - isitgo 可能出现在 disco 之后。 （据我所知，这取决于您使用的 ruby​​ 版本）。

如果您想确保始终以相同的顺序获取 work_left 的内容，则必须使用 关联数组列表而不是关联数组的关联数组，就像您所做的那样。其外观如下：

work_left:
  - name: isitgo
    image: /images/isitgo.png
    caption: isitgoonair.net homepage
    description: a website
  - name: disko
    image: /images/disko.png
    caption: Disko
    description: a website
work_right:
  - name: qfi
    image: /images/qfi.png
    caption: qfi.im
    description: a website

然后是打印它们的代码：

{% for item in page.work_left %}
  {{ item.name }}
  {{ item.image }}
{% endfor %}

Answer 2

看起来用 for 循环创建的项目必须被视为数组。

因此，对于我的情况：

{% for item in page.work_left %}
     {{ item[0] }}
{% endfor %}

将输出返回的（2 项）数组的第一个元素，它是一个字符串：isitgo disco。 {{ item[1].image }} 将访问返回数组的第二项（一个变量）的 .image 属性，并且它将显示 / images/isitgo.png /images/disko.png。