解决Jekyll _data文件中JSON对象的正确语法

时间:2019-03-10 17:45:51

标签: json jekyll liquid

我正在Jekyll中创建一个页面,并尝试使用存储在Jekyll的“ _data”文件夹中的JSON文件中的数据。 JSON文件为“ /_data/objectsandproperties.json”,其中包含:

{ 
    "objectA": { "propertyA": "FooA", "propertyB": "BarA" },
    "objectB": { "propertyA": "FooB", "propertyB": "BarB" },
    "objectC": { "propertyA": "FooC", "propertyB": "BarC" }
}

我想输出一个格式如下的列表:

<dl>
    <dt>objectA</dt>
        <dd>propertyA: FooA</dd>
        <dd>propertyB: BarA</dd>
    <dt>objectB</dt>
        <dd>propertyA: FooB</dd>
        <dd>propertyB: BarB</dd>
    <dt>objectC</dt>
        <dd>propertyA: FooC</dd>
        <dd>propertyB: BarC</dd>
</dl>

我目前在我的markdown文件中使用Liquid标签,如下所示:

{% for objects in site.data.objectsandproperties %}
<dl>
  {% for object in objects %}
  <dt>Object names: {{ object }}</dt>
      <dd>propertyA: {{ object.propertyA }}</dd>
      <dd>propertyB: {{ object.propertyB }}</dd>
  {% endfor %}
</dl>
{% endfor %}

这不起作用,因为对象不是“ objectA”,而是带有属性等的整个objectA对象。

我无权访问创建JSON文件的脚本,因此我无法添加标签或将其设置为数组等。我希望可以将其与Liquid一起使用。

谢谢。

1 个答案:

答案 0 :(得分:1)

使用inspect过滤器可以更好地了解我们正在使用的工具:

{% for object in site.data.objectsandproperties %}

  {{ object | inspect }} 
  >> returns an array like :
  >> ["objectA", {"propertyA"=>"FooA", "propertyB"=>"BarA"}]

  name : {{ object.first }} or {{ object[0] }}
  properties : {{ object.last}} or {{ object[1] }}

{% endfor %}

您的代码可能类似于:

<dl>
{% for object in site.data.objectsandproperties %}
  <dt>Object names: {{ object | first }}</dt>
  <dd>propertyA: {{ object.last.propertyA }}</dd>
  <dd>propertyB: {{ object.last.propertyB }}</dd>
{% endfor %}
</dl>