带有嵌套元素的Jekyll YAML文件

我想访问“benefit.yml”文件中的嵌套元素，并使用循环调用这些元素。但它不起作用，什么也没出现

这里是我的“benefit.yml”：

这是我的循环：

  {% for benefit in site.data.benefits.locales.en %}
    <div class="s-column6">
      <div class="kiwup-benefit pb1 mb1">
        <img src="/image/benefit/{{ benefit.icon }}" alt="kiwuper">
        <div class="kiwup-benefit-info">
          <h3 class="h4-like text-dark">{{ benefit.title }}</h3>
          <p>{{ benefit.detail }}</p>
        </div>
      </div>
    </div>
  {% endfor %}

{%用于site.data.benefits.locales.en%}
{{benefit.title}
{{benefit.detail}}

{%endfor%}

1。您的数据文件错误，

locales.en

和

locales.fr

的条目重叠。正确的嵌套可以是： 地区：

games:
  en:
    title: "Games"
    detail: "To relax and take breaks during the day, we play football, table tennis and Xbox"
    icon: benefit1.png
  fr:
    title: "Jeux"
    detail: "To relax and take breaks during the day, we play football, table tennis and Xbox"
    icon: benefit1.png

drink:
  en:
    title: "Drink"
    detail: "The fridge is full of beer cans and Coca-Cola, Ice Tea and coffee. You can drink whatever makes you happy, all day!"
    icon: benefit2.png
  fr:
    title: "Boissons"
    detail: "The fridge is full of beer cans and Coca-Cola, Ice Tea and coffee. You can drink whatever makes you happy, all day!"
    icon: benefit2.png

2.数据文件名 如果您的数据文件名为benefit.yml您可以使用

site.data.benefit.locales.drink

3.你的循环是错误的 然后循环给你一些类似的东西：

benefit = Array
["en",{"title"=>"Drink", "detail"=>"The fridg...!", "icon"=>"benefit2.png"}]

其中

benefit[0]=en

和

benefit[1]=hash{“title”=>“Drink”，“detail”=>“thefridg…！”，“icon”=>“benefit2.png”}

如果您想在这里访问数据，可以执行

{{benefit[1].title}

游戏

地区的完整代码：

{% for benefit in site.data.benefit.locales.games %}
<div class="s-column6">
  <div class="kiwup-benefit pb1 mb1">
    <img src="/image/benefit/{{ benefit[1].icon }}" alt="kiwuper">
    <div class="kiwup-benefit-info">
      <h3 class="h4-like text-dark">{{ benefit[1].title }}</h3>
      <p>{{ benefit[1].detail }}</p>
    </div>
  </div>
</div>
{% endfor %}

{%用于site.data.benefit.locales.games%}
{{benefit[1]。title}
{{benefit[1]。detail}

{%endfor%}

{% for benefit in site.data.benefit.locales.games %}
<div class="s-column6">
  <div class="kiwup-benefit pb1 mb1">
    <img src="/image/benefit/{{ benefit[1].icon }}" alt="kiwuper">
    <div class="kiwup-benefit-info">
      <h3 class="h4-like text-dark">{{ benefit[1].title }}</h3>
      <p>{{ benefit[1].detail }}</p>
    </div>
  </div>
</div>
{% endfor %}