Jekyll 嵌套的前端内容不显示在循环的布局模板中

Question

我正在尝试遍历 posts 字体中的嵌套列表，并为每个嵌套项目显示关联图像（使用 svg）

post前题：

---  
layout: post
title: title of this post
spec:
- name: tee
- name: mobile
---

在我的 post.html 文件中使用 for 循环

<div>
    <h4>specs</h4>

    {% for item in page.spec %}
    <svg class='spec-icon'><use xlink:href="#icons_{{item.name}}"/</svg>
    {% endfor %}

</div>

我希望呈现如下所示

 <div>
     <h4>specs</h4>

     <svg class='spec-icon'><use xlink:href="#icons_tee"/></svg>
     <svg class='spec-icon'><use xlink:href="#icons_mobile"/></svg>

 </div>

对于规范下的每个嵌套 name:vale 对，我希望有一个唯一的 svg 元素，该元素是使用 #id

中包含的嵌套值创建的

???

Answer 1

试试这个：

---  
layout: post
title: title of this post
spec: [tee, mobile]
---

然后：

<div>
    <h4>specs</h4>

    {% for item in page.spec %}
    <svg class='spec-icon'><use xlink:href="#icons_{{ item }}"/</svg>
    {% endfor %}

</div>

希望对您有所帮助！让我知道这是否有效，是吗？

Jekyll 嵌套的前端内容不显示在循环的布局模板中

Jekyll nested front matter not displaying in layout template for loop

loops

liquid

jekyll

yaml-front-matter