我已经使用gh-pages https://dromerosalem.github.io/project-2/部署了一个页面,过去我使用的家庭背景图片似乎已经不存在了,所以我只通过更改在线URL的图片来进行更新。
但是,部署页面'https://dromerosalem.github.io/project-2/'并未使用新的背景图像更新。
如果gh-pages分支和master分支显示更改后的代码,为什么部署不显示我的更改。
我最近遇到了这个问题,我不知道是什么原因造成的。关闭并重新打开github页面框可以为我解决问题。
[首先,我不确定为什么在master
的gh-pages
和github.com/dromerosalem/project-2
中都具有HTML / CSS文件:您可以github.com/dromerosalem/project-2
从分支configure a GitHub Project Page site中获取其文件(默认)或分支gh-pages
。
不需要维护两个分支:更多内容请参见下文。
第二,我在master
的HTML检查器中看到https://dromerosalem.github.io/project-2/从未应用:
src/styles/style.scss#.home-body
这永远不会应用:
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
(已分叉)具有:
Home.js
的<div className="home-body">
<h1>Welcome to Space!</h1>
分支IAmNini/project-2
其IAmNini/project-2
确实调用了master
,其中包括site generation in webpack.config.js
类。
由于您的项目是经过组织的(webpack.config.js
和gh-pages
branch的内容相同,所以您的样式从不会被调用,因为master从未在gh-pages
中生成正确的文件。
考虑到父项目的最新提交比您的派生多,您可以考虑index.html
,然后重试。
@@ VonC非常感谢您提供如此详细的答案。我真的很感激。
index.html
类实际上已应用,您可以在检查它时看到它。
iamnini.github.io/project-2/bundle.js
未应用的是我在iamnini.github.io/project-2/bundle.js
中所做的新更改
.home-body
关于您的第一点,我对部署还很陌生,我仍在努力理解为什么我的同事@IAmNini具有不同类型的部署,正如我们注意到的那样,我有HTML CSS文件的主页面和gh页面如您所见,但她只不过是捆绑包而已。无论如何,她面临着与我相同的问题,背景图像没有更新,成为她的上游。
谢谢