Question

到目前为止，我已经从this example复制了我的大部分网站，最大的例外是我在/docs目录中而不是在根目录中工作。

在我的default.html布局中，我有：

 <link rel="stylesheet" href="{{ "/css/style.css?v=" | append: site.github.build_revision }}" />

吐出指向css文件的预期html元素：

https://example.com/css/style.css?v=2ddde426cabbbb39ded17b9a8c95c31f14416e35

哪个给我404。

我看到过其他帖子，通过在URL上添加/ assets /可以解决问题-当我转到/assets/css/style.css时，我会看到一堵墙，但不确定它来自何处。当前，我的base.scss文件中有2种样式，而这两个文件都不存在。

/docs/css/style.scss：

---
# Front matter comment to ensure Jekyll properly reads file.
---

// Imports
@import "base";

/docs/_sass/base.scss：

@import url('https://fonts.googleapis.com/css?family=Roboto:300,700');
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
body{
  background:#444;
  font-family:Roboto, Arial, Sans-Serif;
  font-weight:300;
}

/docs/_config.yml：

url: https://thatrootbeerblog.com
sass:
  sass_dir:         _sass
  style:            :compressed

我没有在github中报告任何编译错误，但是我一直无法使本地工作（在本地使用ruby做得很少）。

我在SCSS-> CSS编译或目录结构中缺少明显的东西吗？

其他尝试

我尝试将{。{3}}中的style.scss文件移动到/docs/assets/css/style.scss，但仍然没有更改或错误。 /assets/css/style.css仍然显示不包含我自己的css墙，并且无法以其他方式定位。

也尝试过

选择了一个主题（我的_config.yaml中没有指定主题），并且/assets/css/style.css文件进行了更新。它仍然没有我的style.scss文件。

Answer 1

这可能不是“最终答案”，但看来错误的CSS是因为默认情况下使用jekyll主题，无论是否在配置中进行了设置。

我最终设置了一个主题，然后以相同的结构重新创建了自己的文件以覆盖基本主题文件。

/docs/_config.yml添加：

theme: jekyll-theme-slate

然后在/docs/_scss/jekyll-theme-slate.scss中添加我自己的文件，该文件现在在/assets/css/style.css中呈现出新的CSS。

理想情况下，您可以定义自己的文件而不会覆盖此看不见的目录结构，但是如果遇到相同问题，至少可以使用。

Answer 2

我使用了“leap-day”主题“jekyll-theme-leap-day”，一开始也遇到了同样的问题。

在我阅读了 The Leap day theme 的 README 并将其与 Adding a theme to your GitHub Pages site using Jekyll - GitHub Docs 进行比较后

我将 @import 更改为那里的给定值，并且有效。

@import "";

是 GitHub 文档建议的值，

但对于铅日主题，它确实是

@import "{{ site.theme }}";

所以我的提示，也请阅读您主题的文档...我真丢脸...

GH Pages CSS文件丢失或未处理SCSS

2 个答案: