来自 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”。 :)