我有一个页面以网格布局显示从yaml文件中提取的项目。我不知道如何为各个页面提取正确的数据。
Yaml文件（portfolio.yaml）的格式如下：
- name: gallery one
url: "/portfolio/gallery-one.html"
thumbnail: /images/thumbnail.png
decription: "Lorem ipsum dolor sit amet, consectetur adipisicing elit."
- name: gallery two
url: "/portfolio/gallery-one.html"
thumbnail: /images/thumbnail.png
decription: "Lorem ipsum dolor sit amet, consectetur adipisicing elit."
网格代码（工作正常）
{% for project in site.data.portfolio %}
{{ project.url }}
{{ project.thumbnail }}
{% endfor %}
数据文件配置并非易事。像这样重组您的文件：
gallery one:
url: "/portfolio/gallery-one.html"
thumbnail: /images/thumbnail.png
decription: "Lorem ipsum dolor sit amet, consectetur adipisicing elit."
gallery two:
url: "/portfolio/gallery-one.html"
thumbnail: /images/thumbnail.png
decription: "Lorem ipsum dolor sit amet, consectetur adipisicing elit."
然后，您可以制作将被所有项目页面使用的布局：
_layouts / portfolio.html
---
layout: default
---
{% assign project = site.data.portfolio[page.project] %}
<h1>{{ page.title }}</h1>
<p>{{ project.decription }}</p>
{{ content }}
然后，一个项目页面如下所示：
gallery-one.html
---
layout: portfolio
title: Gallery one
project: gallery one
---
additional content can go here
如果您有很多项目，可以看看可以自动生成页面的jekyll集合。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句