css - GitHub 页面不更新 CSS

标签 css github-pages

我正在尝试在 GitHub Pages 上创建一个网站,但出于某种原因,我的 CSS 需要很长时间才能更新。我只是想说明我的 CSS 确实加载了,只是没有更新。我什么都试过了,比如清除浏览器缓存。但是当我去部署时,我的更改从未部署过,CSS 文件 https://virxec.github.io/CSWeek/assets/main.css也没有更新。页面在这里:https://virxec.github.io/CSWeek/MiniGames/文件在这里 https://github.com/VirxEC/CSWeek/blob/master/assets/main.css有没有办法让 GitHub Pages 更快地更新 CSS 文件?我检查了提交,它实际上说它没有使用对 CSS 文件的编辑构建页面 - 只有其他页面。

更新:我等了一会儿,然后又做了一个小改动,然后提交了。它立即更新。为什么会这样?为什么它不自动重建?

最佳答案

看来您必须在 Github 页面上手动清除缓存。

这是我在 Jekyll 元素中的做法:

<link rel="stylesheet" href="{{ "public/css/style.css" | prepend: site.baseurl }}?{{site.time | date: '%s%N'}}">

这吐出这样的东西:

<link rel="stylesheet" href="/public/css/style.css?1634299829608420276">

? 后附加的时间戳会在每次构建时发生变化,这会使缓存失效。

关于css - GitHub 页面不更新 CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57926443/

相关文章:

css - 来自 Github 页面的错误 “The file ` css/main.scss` 包含语法错误”,默认安装

amazon-web-services - 静态站点的最佳图像托管解决方案?

GitHub 页面和 jekyll 部署无法正常工作

html - 为什么 div 标签会破坏 github-pages 中的 Markdown

html - 根据值更改图标颜色

jQuery Highlight 假定背景为白色

html - 如何为高度较小的 block 制作边框动画?

javascript - 当通过 github.io 部署时,jQuery 在 Codeacademy 上可以运行,但在 Firefox 中则不行

javascript - Angular-ui-bootstrap datepicker 指令 - 放在前面

javascript - 为什么 getElementsByClassName 不起作用?