未顯示帖子的功能圖片Jekyll

Question

我正在構建一個Jekyll站點，並希望在帖子顯示頁面上顯示feature-imgs。我以爲自己的Front方向正確，文件路徑正確，但由於某種原因，圖像仍然不顯示。

前面的問題

--- 
layout: post 
title: My Coding Journey 
feature-img: "/img/journey.png" 
--- 

我的圖片名爲IMG項目根文件夾中。

郵政佈局：

--- 
layout: post-header 
--- 
<article {% if page.feature-img %} class="feature-image"{% endif %}> 
    <section class="post-content">{{ content }}</section> 
</article> 

<!-- Disqus --> 
{% if site.theme_settings.disqus_shortname %} 
<div class="comments"> 
    {% include disqus.html %} 
</div> 
{% endif %} 

任何想法，爲什麼特徵圖像不工作。

Answer 1

您需要一個img標記才能呈現圖像。

--- 
layout: post 
title: My Coding Journey 
feature-img: "/img/journey.png" 
--- 

，並在佈局...

<article> 
    {% if page.feature-img %} 
    <img class="feature-image" src={{ page.feature-img }} alt="Feature Image"/> 
    {% endif %} 
    <section class="post-content">{{ content }}</section> 
</article>