在使用 HTML5、SASS(用于编译的 Koala)和一些 jQuery 在本地完成我的网站后，我将其上传到 GitHub 并将其托管在 git 页面上。除了我的背景图片没有显示外，一切都完美无缺。使用“检查元素”我发现从为 img 文件指定的 URL 中删除一个 '../' background-image: URL("../../img/background.jpg")，问题解决，显示背景图片。
让我感到困惑的是我将结构从我的 PC 直接上传到 Github 而没有修改任何东西。另外，我在我的 repo 协议(protocol)中检查了元素的结构，删除一个 '../' 后显示背景图像没有意义，因为你必须得到两个文件夹无法到达图像。
这根本就没有意义。谁能解释发生了什么？
附言我的元素结构的基本表示:
- index.html
- folder: img
- folder: sass
- research-pages
- SASS FILE
此文件夹内是我的特定 sass 文件，我在其中键入我的样式。
您必须向上移动两个文件夹才能到达我的 background.jpg 所在的 img 文件夹。
最佳答案
编辑:根据您的文件结构，只需一个 ../ 即可将您带到 sass 文件夹。但是在 GitHub 上，也许他们的目录结构方法比“正确”的方式更宽容(也许 ../ 意味着父文件夹和父文件夹级别)。
一些其他的可能性:也许事情以某种方式移动了或者没有按照你认为的方式上传你的 git add/commit/push，或者我可能错误地解释了你的文件结构，或者你误会了你所看到的(虽然我倾向于相信你 - 我很快就会自己测试)。您可以向我们发送指向您的 gh-pages 存储库的链接吗？
关于html - 在 git 页面上托管时图像 url 路径混淆的解决方案，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/41150108/