使用Jekyll,我试图阻止谷歌地图链接 通过用“可点击”图像替换每次加载,以便 地图只会在点击时加载“按需”;我觉得这很聪明, 但它不起作用:-(有人会看到什么是错的并帮助我吗?
点了一下“嵌入式”地图的截图,裁剪出来,并创建了一个 链接到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搜索并且有很多非特定的结果,虽然我读过 其中很多,我无法理解这一点。
有人可以告诉我这里缺少什么吗?有办法吗? 防止谷歌地图(或其他一些此类链接)每次加载 将它链接到自身的(低分辨率)可点击图像文件,以节省一些 带宽/二氧化碳,只按需加载?
非常感谢!
答案 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">