Question

我已经使用gh-pages https://dromerosalem.github.io/project-2/部署了一个页面，过去我使用的家庭背景图片似乎已经不存在了，所以我仅通过更改在线URL来更新了该图片。

本地正常，并使用新图像进行更新
主分支显示背景的新代码
gh-pages分支显示了背景的新代码

但是，部署页面'https://dromerosalem.github.io/project-2/'并未使用新的背景图片进行更新。

如果gh-pages分支和master分支显示更改后的代码，为什么部署不显示更改。

Answer 1

@VonC非常感谢您提供如此详细的答案。我真的很感激。

实际上已经应用了类.home-body，当您检查它时可以看到它。

未应用的是我在.home-body

中所做的新更改

.home-body { height: 100vh; width: auto; background-image: url(https://www.bouygues-es.com/sites/world/files/styles/image_background/public/2019-05/Mars.jpg?itok=upJry_B4); background-size: cover;

关于您的第一点，我对部署还很陌生，我仍在努力理解为什么我的同事@IAmNini具有不同类型的部署，正如我们注意到的那样，我有HTML CSS的主页面和gh页面就像您看到的文件一样，但她只不过是捆绑包而已。无论如何，她面临着与我相同的问题，背景图像没有更新，成为她的上游。

谢谢

Answer 2

我最近遇到了这个问题，我不知道是什么原因造成的。关闭并重新打开github页面框可以为我解决问题。

Answer 3

首先，我不确定为什么在github.com/dromerosalem/project-2的master和gh-pages中都有HTML / CSS文件：您可以configure a GitHub Project Page site从分支获取其文件gh-pages（默认）或分支master。

无需维护两个分支：更多内容请参见下文。

第二，我在https://dromerosalem.github.io/project-2/的HTML检查器中看到从未应用过src/styles/style.scss#.home-body：

从不应用：

.home-body {
  height: 100vh;
  width: auto;
  background-image: url(https://www.bouygues-es.com/sites/world/files/styles/image_background/public/2019-05/Mars.jpg?itok=upJry_B4);
  background-size: cover;

这解释了图片的缺乏：这个.home-body类应该由Home.js生成

<div className="home-body">
  <h1>Welcome to Space!</h1>

父项目IAmNini/project-2（已分叉）具有：

带有site generation in webpack.config.js的master分支
具有该生成结果的gh-pages branch

它的index.html确实调用了iamnini.github.io/project-2/bundle.js，其中包括.home-body类。

当您的项目组织起来（master和gh-pages内容相同）时，您的样式就永远不会被调用，因为master从未在gh-pages中生成正确的文件。

考虑到父项目的最新提交比您的fork多，您可以考虑使用updating your master branch with the upstream one，然后重试。

从gh-pages进行的GitHub部署未更新

3 个答案: