Yaml 从YML获取数据

你好，Stack Overflow社区

我试图在悬停中包含一个html图标。 这是我的代码：

<div class="country">{% include icons/home/icon-america.html %}</div>

这不起作用，有没有办法得到这项工作？ 提前谢谢

这是我的HTML

  <div class="thumb-container">

        {% for project in site.data.settings.home %}

        <a href="{{project.link}}" class="thumb-unit">

            <div class="backPic" style="background-image:  url(assets/img/home/{{ project.folder}}/thumb.jpg)"></div>
            <h3>{{ project.name}}</h3>
            <p>{{ project.text}}</p>
            <div class="thumb-overlay"></div>
            <div class="country">{% include icons/home/icon-america.html %}</div>

        </a>

        {% endfor %}

    </div>

{site.data.settings.home%中的项目的%s}
{%endfor%}

---

Wim

我解决了这个问题，将svg放在一个单独的文件夹中，并像这样链接到它们：

{folder: 'thumb_1', country: 'america', name: 'M24 Chaffee', text: 'Hier komt tekst over de chaffee en nog meer', link: 'chaffee.html'} 

<img src="assets/img/home_icons/{{ project.country}}/icon.svg" alt="" />

html是这样的：

{folder: 'thumb_1', country: 'america', name: 'M24 Chaffee', text: 'Hier komt tekst over de chaffee en nog meer', link: 'chaffee.html'} 

<img src="assets/img/home_icons/{{ project.country}}/icon.svg" alt="" />

不太清楚您想做什么。

{{project.country}

来自哪里？它是您的

站点.home

变量中的

for

循环吗？你能展示你的

icons/home/icon-？

模板吗？{project.country}}来自我的YAML“icon america.html”只是一个html（里面有SVG）文档，我一直在尝试链接，但我也有“icon museum.html”、“icon rusia.html”等等。我有多个div都必须显示某个图标。好的，我明白了。您的链接指向站点页面或外部页面（例如：github…）？上面的HTML工作方式与我希望的一样，但它在每个分区上只显示“icon america.HTML”。我有一个分区必须显示“icon ussr.HTML”另一个“icon museum.HTML”等等。我不知道我的解释是否正确，但我是荷兰人，这是我用英语能做的最好的了。你能把你的代码放到github存储库中吗？