Question

我试图在我的帖子字体中循环嵌套列表，并为每个嵌套项显示相关图像（使用svg）

发布前面的事情：

---  
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>

对于每个neseted名称：spec：下的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嵌套的前端内容没有显示在布局模板for循环中

1 个答案: