Arrays 循环通过Jekyll/YAML中的嵌套图像库数组
为什么我不能在Jekyll中循环这个项目组的main:image数组 /_data/navigation.yml: navigation-page.html:Arrays 循环通过Jekyll/YAML中的嵌套图像库数组,arrays,loops,yaml,jekyll,liquid,Arrays,Loops,Yaml,Jekyll,Liquid,为什么我不能在Jekyll中循环这个项目组的main:image数组 /_data/navigation.yml: navigation-page.html: 此操作的输出应该是两个div行,每个行都有项目名称,第一行有一个图像,第二行有三个图像。这是您的循环问题 {%用于导航中的项目。项目%} {project.main%中图像的%s} {%endfor%} {%endfor%} 我用下面的方法实现了这一点 带值的HTML {site.data.navigation%中项目的%s} 项目循环{
此操作的输出应该是两个div行,每个行都有项目名称,第一行有一个图像,第二行有三个图像。这是您的循环问题 {%用于导航中的项目。项目%} {project.main%中图像的%s} {%endfor%} {%endfor%} 我用下面的方法实现了这一点 带值的HTML {site.data.navigation%中项目的%s}
项目循环{{forloop.index}
{item.project%中的项目的%s}子循环{{forloop.index}
categ:-{project.categ} 名称:-{project.name} 年龄:-{project.age} 感觉:-{project.feeling} 缩略图:-{project.thumb} {project.main%中图像的%s} {{image.image}} {%endfor%} {%endfor%} {%endfor%} HTML循环索引 {site.data.navigation%中项目的%s}- project:
-
categ: navigation
name: Letterman
age: 54
feeling: swell
thumb: thumb-letterman.jpg
main:
- image: image_1.jpeg
- project:
-
categ: navigation
name: Carlin
age: 67
feeling: nice
thumb: thumb-carlin.jpg
main:
- image: image_1.jpeg
- image: image_2.jpeg
- image: image_3.jpeg
{% for navigation in site.data.navigation %}
{% for project in navigation.project %}
<div style="border:1px solid purple;margin:40px;">
<p style="font-size:1em;color:purple">{{ project.name }}</p>
{% for main in navigation.project %}
<img src="{{ page.path }}{{ image }}" />
{% endfor %}
</div>
{% endfor %}
{% endfor %}