Jekyll 图片在发布时获取错误的 url（不在 localhost 上）答案

【问题标题】：Jekyll images getting wrong url on release (not on localhost)Jekyll 图片在发布时获取错误的 url（不在 localhost 上）
【发布时间】：2018-10-05 18:24:20
【问题描述】：

我刚刚尝试将我的第一个 Jekyll 站点从 localhost 发布到实时版本，但遇到了一些 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

任何想法如何解决？

【问题讨论】：

标签： html image jekyll

【解决方案1】：

将images/staff/img 替换为/images/staff/img。第一个斜线告诉服务器查看根目录（网站的顶部文件夹）。

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

【讨论】：

是的，在 url 上隐藏扩展是个好主意。更好看