背景图像在我的网站不可见通过GitHub部署后



我已经查看了一些关于这个问题的其他资源,但由于某种原因,它们似乎不起作用。我检查了图像的路径目录,我认为它是正确的。我甚至上传了png和jpg来解决这个问题,但它仍然没有任何区别。此外,它似乎是完全工作与我的本地服务器,但只是不与Github。这里有一个链接到我的网站在Github页面上的回购:https://github.com/AnushkaKhare786/Coffee-Shop-.git

您的web文件可能没有正确放置在Github上。这是一个文档,向您展示了如何在Github上托管的步骤,我相信您想要这样做

我认为你应该尝试在图像文件夹中分开你的图像。另外,尝试在CSS文件夹中分离自定义样式表,然后更新index.html中的src,然后再次在Github上创建新的repo。我想我的建议会对你有帮助。

如果这不起作用,那么我的朋友参考这个链接并仔细阅读所有说明- Github页面指南

您只需要更改cshop3.jpg的路径。为此,请替换url('/cshop3.jpg');在style .css的第213行by url('./cshop3.jpg')

- url('/cshop3.jpg');
+ url('./cshop3.jpg'); <- Add the "." before the slash, or remove the slash

添加"在斜杠之前,或者删除斜杠以进入好目录(您做了/cshop3.jpg,这指的是您的网站的根目录,所以https://anushkakhare786.github.io/而不是https://anushkakhare786.github.io/Coffee-Shop-/

将style.css文件配置更改为..将图像路径更改为('./cshop3.jpg')

最新更新