javascript - 标题背景未显示在 Github 站点上，在本地主机上工作正常

Question

所以，我一直在为我的教会营建立一个网站。我下载了一个模板，对其进行了个性化设置，通过我的计算机 (Firefox) 在本地运行一切看起来都很好。但是，当我将它上传到 Github 时，主标题背景没有显示出来，而只是白色。什么都没有出现，什么都没有改变。当我检查本地文件时，它完美地显示出来。有什么我想念的吗？我通过 Github 页面托管它，位于https://tjsanzen.github.io/camp

我尝试更改所有 CSS，我尝试更改 HTML，确保数据库已更新，但似乎没有任何效果。无论我做什么，它都会继续保持白色的空白背景。

您可以在https://github.com/tjsanzen/camp查看我的所有代码

它应该以孩子们上山的照片为背景，在其他页面上也可以正常工作，但无论我做什么，它仍然是一个白屏。我不确定出了什么问题，但任何和所有的帮助将不胜感激！

标签： javascripthtmlcssgithub

Answer 1

在您的 CSS 中，您引用img/header.jpg，但在您的存储库中，该图像被上传为img/header.JPG. 改变案例应该可以解决它。

您的操作系统可能具有不区分大小写的文件名，JPG实际上与 相同jpg，这就是它在您的本地主机上工作的原因。显然，对于 GitHub Pages，文件名区分大小写。这可能是因为运行 Pages 的服务器具有区分大小写的文件名，或者因为解释 HTTP 请求的应用程序强制区分大小写。