從YML獲取數據

-1

你好堆棧溢出社區，從YML獲取數據

我想在懸停時包括一個html圖標。這是我的代碼：

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

這工作正常，但圖標必須是每個懸停不同的，所以我想這：

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

這是我的陽明：

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

這不工作，有沒有辦法得到這項工作？在此先感謝。

這是我的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>

維姆

來源

2015-02-11 Wim Huiskes

ñ非常清楚你想要做什麼。 {{project.country}}'來自哪裏？它是'site.home'變量中的'for'循環嗎？你可以顯示你的'icons/home/icon - ???模板嗎？ – 2015-02-11 15:21:01

{{project.country}}來自我YAML「圖標america.html」僅僅是一個HTML（與它的SVG）文件我一直在試圖聯繫起來，但我也「圖標museum.html」「icon-russia.html」等。我有多個div都必須顯示某個圖標。 – 2015-02-11 17:56:54

好吧，我明白了。您的鏈接指向網站頁面或外部頁面（例如：github，...）？ – 2015-02-11 19:25:12

我解決了通過將SVG在一個單獨的文件夾，並鏈接到他們這樣這一個：

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

和HTML像這樣：

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

來源

2015-02-13 13:14:41

從YML獲取數據

回答

相關問題