Question

我正在https://kajalv.com开发个人网站。我现在做了很多改变，他们在当地看起来很好。（另外，下载repo并打开index.html工作正常。）但是当我在https://github.com/kajalv/kajalv.github.io推送到我的主存储库时，一些CSS似乎已经丢失了。

例如，这在本地有效，但在实际网站上看不到变化 -

#contactContainer img
{
  height: 80px;
  width: 80px;
  border-radius: 50%;
  opacity: .5;
  border: 2px solid black;
  box-shadow: 5px;
  margin-bottom: 40px;
}

同样，段落字体颜色设置为黑色，但此更改未反映在网站上：

.eduInfo p
{
  color: black;
}

另一个问题是我的favicon。我在本地打开index.html文件时可以看到它，但在实际站点上却看不到。我已使用此代码进行设置。

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />

我查看是否有任何未提交的更改，但没有：

On branch master
Your branch is up-to-date with 'origin/master'.
nothing to commit, working directory clean

我有很多这样的改变，但我认为它们都是同一个问题。可能是什么问题呢？这可能是GitHub Pages使用我的更改非常缓慢的问题吗？

Answer 1

我检查了你的网站，你列出的所有css都正确地为我呈现。这可能是您的浏览器只是缓存css文件的问题，在这种情况下，硬盘刷新（Mac Chrome上的cmd-shift-r，Windows上的ctrl＆amp;点击刷新）会修复它。

根据我的经验，GitHub页面有时也需要几分钟才能更新。

Answer 2

我已经查看了您上次提交的内容，我可以在您的页面上看到这些更改。我还可以在页面上的回购中看到你的图标。

如果更改在本地正常工作而不在GH页面上正常工作，请给它一些时间。这是一个缓存问题。通常，GH页面需要几分钟才能更新。您也可以尝试清空浏览器缓存，在Chrome中，您可以打开开发工具 - ＆gt;申请 - ＆gt;清除存储 - ＆gt; [检查一切] - ＆gt;清除网站数据。或者，在Dev Tools打开的情况下，您可以右键单击刷新按钮并选择Empty Cache and Hard Reload。

如需额外衡量标准，您可以在“网络”标签中查看“停用缓存”，但在所有情况下都不会清除缓存，因此请勿完全依赖此功能。

如果这不起作用，您尝试使用隐私浏览模式，但请确保关闭更新之间的会话以确保清除缓存。

P.S。：你的页面看起来很酷，很棒:)

Answer 3

检查已部署页面上 CSS 的 Opacity 值。您可能会看到它仅设置为 1%，而不是您设置的 0.5。

如果是这样，这不是 GitHub 页面的问题，而是捆绑程序编译的缩小构建代码的问题。这是我在使用 create-react-app 时遇到的问题。

您可以在这里找到更多信息

https://github.com/facebook/create-react-app/issues/7980

GitHub Pages网站在本地呈现，但不在服务器上呈现

3 个答案: