Jekyll 图像在发布时出错 url（不是在本地主机上）

Question

我刚刚尝试将我的第一个 Jekyll 站点从本地主机发布到实时版本，但遇到了一些 img-url 问题。我在根目录中有一个图像文件夹，其中包含一个名为 staff 的子文件夹，我可以在其中获取我的员工图像。

我的问题是，当我在 staff.html 上遍历我的工作人员时该页面尝试从以下位置获取图像：

mysite/staff.html/images/staff/img1.png

...当图像准确在：

mysite/images/staff/img1.png

staff.html 文件如下所示：

 {% for member in members %}
        <div class="col-sm-12 col-md-10 col-lg-3">
          <div class="card">
            <img src="{{ member.img }}" class="card-img-top img-fluid" alt="{{member.name}}">
            <div class="card-body">
              <h4 class="card-title">{{ member.name }}</h4>
              <ul>
                <li><b>{{ member.position }} <br> {{ member.section }}</b></li>
                <li><a href="mailto:{{ member.email }}"> {{ member.email }} </a></li>
                <hr>
                <li>Mobil: {{ member.mobil }}</li>
                <li>Kontor: {{ member.office }}</li>
              </ul>
            </div>
          </div>  
        </div>
        {% endfor %}

我在根目录中还有一个名为“_staff”的文件夹，其中包含所有员工的 .md 文件，如下所示：

name: Jon doe
position: supervisor 
section: carpenter
email: jon@site.se
mobil: 073-000 00 00
office: 08-000 00 00
img: images/staff/img1.jpeg

任何想法如何解决？

Answer 1

将 images/staff/img 替换为 /images/staff/img。第一个斜杠告诉服务器在根目录（网站的顶级文件夹）中查找。

提示：您 could/should 还要检查您是否在 _config.yml 文件中设置了 permalink: pretty。那应该隐藏 URL 中的 .html 扩展。 Source

Jekyll 图像在发布时出错 url（不是在本地主机上）

Jekyll images getting wrong url on release (not on localhost)

html

image

jekyll