通过github部署后,我的网站中的背景图像不可见
我已经查看了有关此问题的其他一些资源,但是由于某种原因,它们似乎没有起作用。我已经检查了图像的路径目录之类的内容,我认为这是正确的。我什至上传了PNG以及JPG来解决此问题,但这仍然没有任何区别。另外,它似乎与我的本地服务器完全可以正常工作,但与GitHub不合适。 这是我在GitHub页面上网站回购的链接: https://github.com/anushkakhare786/coffee-shop-.git-.git-.git-.git-.git
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(4)
您的Web文件可能无法正确放置在GitHub上。 在这里是文档,它显示了您在Github上的步骤,我相信您想在Github上进行主机做
It is possible the your web files are not correctly placed on Github. Here is document that shows you steps on how to host on Github, which I believe you want to do
我认为您应该尝试将图像在图像文件夹中分开。另外,尝试将CSS文件夹中的自定义样式表分开,然后在您的index.html中更新SRC,然后在GitHub上再次制作新的存储库。我认为我的建议会帮助您。
如果这不起作用,那么我的朋友请参考此链接并仔细阅读所有说明 - github页面指南
I think you should try to separate your images in an Images folder. Also, try to separate the custom stylesheets inside a CSS folder then update the src in your index.html then again make a new repo on Github. I think my advice will help you.
In case this didn't work then my friend refer to this link and read all the instructions carefully - Github Pages Guide
您只需要更改cshop3.jpg的路径即可。为此,替换URL('/cshop3.jpg');在您的styles.css中的第213行中,由URL('./ cshop3.jpg')
添加“”。在斜线之前,或删除斜线以进入良好目录(您完成了/cshop3.jpg,请参考网站的根部,因此 https://anushkakhare786.github.io/ 而不是
You just need to change the path of cshop3.jpg. To do so, replace the url('/cshop3.jpg'); at line 213 in your styles.css by url('./cshop3.jpg')
Add the "." before the slash, or remove the slash to get to the good directory (You did /cshop3.jpg, that refer to the root of your site, so https://anushkakhare786.github.io/ and not https://anushkakhare786.github.io/Coffee-Shop-/
将您的style.css文件配置更改为..
将您的图像路径更改为('./cshop3.jpg')
change your style.css file config to..
change your image path to ('./cshop3.jpg')