css - 使用 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;}