使用 slate 主题覆盖 github 页面上的 CSS？

Question

我正在尝试覆盖 github.io 页面上的 "forkme" 横幅，以便更好地了解 Jekyll、HTML、CSS 和 GitHub 作品。

为此，我创建了我的 ./assets/css/style.css 文件，如官方文档的自述文件中所述，关于如何自定义官方支持的 GitHub 主题的 CSS。我向其中添加了以下 CSS：

#forkme_banner { display: none; }

然而，运气不好，横幅并没有消失。即使向 CSS 文件添加虚构元素，如 #test {testing: testtest;}，也不会将该行添加到我的 CSS 文件中。

Answer 1

将assets/css/style.css重命名为style.scss 并将您的 scss 代码更改为：

---
---
@import "{{ site.theme }}";
#footer_wrap {display: none;}
#forkme_banner {display: none;}
#downloads {display: none;}
#whocares {haha: hehe;}

Answer 2

首先也是最重要的是 CSS 更改需要时间来更新，因为它将缓存在他们的服务器上。我通常需要 15-45 分钟，但少数人需要 3 小时。如果我没记错的话，我认为这取决于 Github 页面的服务器位置。

即将发行

`./assets/css/style.css

 // change to 

./assets/css/style.scss`

应该改为.scss。

我遇到的另一个故障排除是

---
---
@import "{{ site.theme }}";
/* "{{ site.theme }}" = Your theme name */
/* Eg: @import 'jekyll-theme-cayman'; */

/* Your css rules goes after this */
.page-header {
    background: #191c20;
}

使用 slate 主题覆盖 github 页面上的 CSS？

Overriding CSS on github pages using slate theme?

css

jekyll

github-pages