如何访问Jekyll数组中的对象？

Question

我的Jekyll页面代码如下(简化):

_layouts/content.html:

---
layout: null
---
<pre>
    {{ content }}
</pre>

any_page.md

---
layout: content
social:
    - twitter :
        url : "https://twitter.com"
        user : "foo"
        show : true
    - instagram : 
        url : "https://instagram.com"
        user : "bar"
        show : false
---

我在any_page.md中对上面的理解是

• social是array具有项目0,1的对象; social[0]等于*twitter.这些键可以变化.
• 上面数组中的每个数组项都是social[i]; 具有类似已知密钥的对象(url,user,show)

问题:

如何访问page.social [i] ["url"]和其他两个已知密钥？
如何访问驻留在可变长度数组中的对象的这些已知键？
如何获得以下输出:twitter,https://twitter.com,foo,true

代码我尝试过:

所有社交阵列:{{ page.social }}输出(如预期)

  {“twitter”=>
    { “url”=>”https://twitter.com”,
      “user”=>”foo”,
      “show”=>true
    }
  }
  {“instagram”=>
    { “url”=>”https://instagram.com”,
      “user”=>”bar”,
      “show”=>false
    }
  }

社交数组的第一个对象:{{ page.social[0] }}输出(如预期的那样)

{“twitter”=>
    { “url”=>”https://twitter.com”,
      “user”=>”foo”,
      “show”=>true
    }
  }

尝试访问url项目01 失败(所有结果都为空):

{{ page.social[0]["url"] }}  
{{ page.social[0][url] }}  
{{ page.social[0]."url" }}  
{{ page.social[0].url }}  
{{ page.social[0][0] }}  

附录:

我也试过了for循环; &它提供了根级别(twitter等等)的所有值,但无法访问对象键:

{% for item in page.social %}  
    item = {{ item }}                # works
    item[URL] = {{ item[url] }}      # empty
    item["URL"] = {{ item["url"] }}  # empty
    item."URL" = {{ item."url" }}    # empty
    item.URL = {{ item.url }}        # empty
    i = {{forloop.index }}           # ok, but starts from 1 instead of 0
{% endfor %}  

Answer 1

这将起作用：

twitter key: {{page.social[0]|first|first}} 
<h2>data</h2>
url: {{page.social[0]['twitter'].url}}
user: {{page.social[0]['twitter'].user}}
show: {{page.social[0]['twitter'].show}}

另一种方法

social:
  twitter :
     url : "https://twitter.com"
     user : "foo"
     show : true
  instagram : 
     url : "https://instagram.com"
     user : "bar"
     show : false

然后，您可以通过以下方式访问它：

{% for item in page.social%}
key: {{item[0]}}<br>
{% endfor %}
<hr>
<h2>data</h2>
url: {{page.social['twitter'].url}}
user: {{page.social['twitter'].user}}
show: {{page.social['twitter'].show}}

Answer 2

我已经接受了marcanuy的回答，在这里我只是根据他的回答记录我使用的内容；

{% for item in page.social %}  # OUTPUT for 1st item
    {{ item[0] }}              # twitter:
    {{ item[1].url }}          # https://twitter.com
    {{ item[1].user }}         # foo
    {{ item[1].show }}         # true
  {% endfor %}   

此外，前面的声明也有所改变。使用上述代码的一种是：

social:
  twitter :
     url : "https://twitter.com"
     user : "foo"
     show : true
  instagram : 
     url : "https://instagram.com"
     user : "bar"
     show : false

• 注意缺少的-破折号。虽然两种方式都是正确的，但我需要阅读更多关于如何访问这两种方式的信息。
• 如http://yaml.org/spec/1.2/spec.html 所述，缩进和-问题。每个比之前有更多空格的项目都使自己成为更早的孩子。