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？

2 个答案: