来自 css 的背景图像在 github 上不可见,但在本地主机中可见
Background image from css is not visible on github, but visible in localhost
我做了一个项目只是为了好玩,我在其中应用了来自 css 的背景图片,它们在本地主机上工作得很好但是当上传到 github 时所有图片都可见,除了一个在背景上。
github 的 link 如下。
https://github.com/AmanShahwaz/Driver-s-Community
提前致谢
这是您的问题:
<img src="/D-Community/imgaes/1.jpg" alt="" srcset="">
您的存储库名称是“Driver-s-Community”,这也是您 github 页面站点 (https://amanshahwaz.github.io/Driver-s-Community/) 的基础 URL。
但是,您的代码 URLs link 到 https://amanshahwaz.github.io/D-Community/,根本不存在(在撰写本文时不存在),因此给出了损坏的 link秒。这可能是因为您的本地文件夹名称与存储库名称不同。为防止此类冲突,您应该使两个名称保持一致。
解决方案是将您的本地工作目录重命名为“Driver-s-Community”或将您的存储库重命名为“D-Community”,并相应地更改您的基础 URLs。
如果您将本地文件夹重命名为 Driver-s-Community,那么您的 URL 应该如下所示:
<img src="/Driver-s-Community/imgaes/1.jpg" alt="" srcset="">
否则,无需更改您的 URLs。
此外,作为旁注,考虑到您的项目结构,您可能应该使用 ./
而不是显式输入您的基础 URL。这有助于避免此类事故。
希望这对您有所帮助,如果有帮助,请标记为已接受的答案。谢谢!
P.S。你在“imgaes”中打错了,应该是“images”。 :)
我做了一个项目只是为了好玩,我在其中应用了来自 css 的背景图片,它们在本地主机上工作得很好但是当上传到 github 时所有图片都可见,除了一个在背景上。 github 的 link 如下。 https://github.com/AmanShahwaz/Driver-s-Community
提前致谢
这是您的问题:
<img src="/D-Community/imgaes/1.jpg" alt="" srcset="">
您的存储库名称是“Driver-s-Community”,这也是您 github 页面站点 (https://amanshahwaz.github.io/Driver-s-Community/) 的基础 URL。
但是,您的代码 URLs link 到 https://amanshahwaz.github.io/D-Community/,根本不存在(在撰写本文时不存在),因此给出了损坏的 link秒。这可能是因为您的本地文件夹名称与存储库名称不同。为防止此类冲突,您应该使两个名称保持一致。
解决方案是将您的本地工作目录重命名为“Driver-s-Community”或将您的存储库重命名为“D-Community”,并相应地更改您的基础 URLs。
如果您将本地文件夹重命名为 Driver-s-Community,那么您的 URL 应该如下所示:
<img src="/Driver-s-Community/imgaes/1.jpg" alt="" srcset="">
否则,无需更改您的 URLs。
此外,作为旁注,考虑到您的项目结构,您可能应该使用 ./
而不是显式输入您的基础 URL。这有助于避免此类事故。
希望这对您有所帮助,如果有帮助,请标记为已接受的答案。谢谢!
P.S。你在“imgaes”中打错了,应该是“images”。 :)