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

问题描述 投票:-1回答:1

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

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

非常感谢!

html google-maps jekyll
1个回答
0
投票

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

因此,您的网站位于veteranssafaris下,您必须生成以下内容的链接:

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

在Jekyll中,将子路径添加到qazxsw poi:

_config.yml

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

baseurl: /veteranssafaris
© www.soinside.com 2019 - 2024. All rights reserved.