Question

我正在建立一个Jekyll网站，并希望在帖子显示页面上有feature-imgs。我以为我的前端问题正确，我的图像的文件路径正确但由于某种原因，图像仍然无法显示。

前面的事情

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

功能图像没有显示帖子Jekyll

1 个答案: