GitHub Pages 部署网站时出现白屏

Question

最近我使用 HTML、CSS 和 JavaScript 完成了一个天气应用程序的制作，并决定在 GitHub 上托管和部署它。部署它并将所有文件上传到页面后，由于某种原因，每当我单击链接时，我的浏览器都会将我带到一个空白的白色屏幕。我不知道如何解决这个问题，因为我已经做了很多研究，但仍然一无所获。它运行得很好，并在我的 IDE (IntelliJ) 中显示了完美的预览。

我的 GitHub 存储库：https://github.com/BrandonnGonzalez/Weather-App-HTML-CSS-JavaScript 网站链接：https://brandonngonzalez.github.io/Weather-App-HTML-CSS-JavaScript/

Answer 1

TL;DR： 检查您的文件，因为背景丢失了；如果问题仍然存在，请检查您的样式表

首先，

images

样式表中引用的目录在您的存储库中不存在——后台文件没有被加载。

我注意到的第二件事，虽然我不确定这是有意还是无意，在你的样式表中你有以下部分：

.weather-box,
.weather-details,
.not-found {
  overflow: hidden;
  visibility: hidden;
}

它隐藏了所有元素，因此浏览器仅呈现一个白色页面。