为什么Jekyll不会显示与Google地图相关联的图片?

时间:2018-01-03 12:39:43

标签: html google-maps jekyll

使用Jekyll,我试图阻止谷歌地图链接 通过用“可点击”图像替换每次加载,以便 地图只会在点击时加载“按需”;我觉得这很聪明, 但它不起作用:-(有人会看到什么是错的并帮助我吗?

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搜索并且有很多非特定的结果,虽然我读过 其中很多,我无法理解这一点。

有人可以告诉我这里缺少什么吗?有办法吗? 防止谷歌地图(或其他一些此类链接)每次加载 将它链接到自身的(低分辨率)可点击图像文件,以节省一些 带宽/二氧化碳,只按需加载

非常感谢!

1 个答案:

答案 0 :(得分:0)

您的网页网址为: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">