为什么 Jekyll 不显示链接到 Google 地图的图像？

Question

使用 Jekyll，我试图阻止 Google 地图链接 每次通过将其替换为“可点击”图像来加载，以便 地图只会在点击时“按需”加载；我认为这很聪明， 但它不起作用 :-( 有人会看到有什么问题并帮助我吗？

https://maps.google.com/maps?ll=-1.501633,29.631358&z=12&t=m&hl=en-US&gl=RW&mapclient=embed&cid=17550833976507367943

截取“嵌入式”地图的屏幕截图，对其进行裁剪，然后创建一个 在 README.md 中链接到该图像 (assets/google_maps.png)，如下所示：

<a href="https://maps.google.com/maps?ll=-1.501633,29.631358&z=12&t=m&hl=en-US&gl=RW&mapclient=embed&cid=17550833976507367943"><img src="/assets/google_maps.png" alt="" width="288" height="184" /></a>

这在 127.0.0.1/4000 本地运行良好，但是 git 推送了它， 图片仅在此处显示： https://github.com/veteranssafaris/veteranssafaris/blob/master/README.md

而不是在这里： https://veteranssafaris.github.io/veteranssafaris/

我不知道出了什么问题。

图片位于： https://github.com/veteranssafaris/veteranssafaris/blob/master/assets/google_maps.png

我用谷歌搜索了很多不明确的结果，虽然我读过 他们中的许多人，我无法理解这一点。

谁能告诉我我在这里缺少什么？有没有办法 阻止 Google 地图（或其他一些此类链接）每次加载 将其链接到自身的（低分辨率）可点击图像文件，以保存一些 带宽/CO2，并且仅按需加载？

非常感谢！

Answer 1

您的网页网址是：https://veteranssafaris.github.io/veteranssafaris/

所以您的网站位于veteranssafaris 下，您必须牢记这一点来生成链接：

<img src="/veteranssafaris/assets/google_maps.png">

在 Jekyll 中，将子路径添加到 _config.yml:

baseurl: /veteranssafaris

然后确保在生成链接时使用它：

<img src="{{site.baseurl}}/assets/google_maps.png">