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

将(test-env) C:\Users\matt>python -s -m site sys.path = [ 'C:\\Users\\matt', 'C:\\Anaconda440\\envs\\test-env\\python36.zip', 'C:\\Anaconda440\\envs\\test-env\\DLLs', 'C:\\Anaconda440\\envs\\test-env\\lib', 'C:\\Anaconda440\\envs\\test-env', 'C:\\Anaconda440\\envs\\test-env\\lib\\site-packages', ] USER_BASE: 'C:\\Users\\matt\\AppData\\Roaming\\Python' (exists) USER_SITE: 'C:\\Users\\matt\\AppData\\Roaming\\Python\\Python36\\site-packages' (exists) ENABLE_USER_SITE: False替换为images/staff/img。第一个斜杠告诉服务器查看根目录（网站的顶部文件夹）。

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

Jekyll映像在发布时出现错误的URL（不在localhost上）

1 个答案: