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

【问题标题】：GH Pages CSS file missing or SCSS not processedGH Pages CSS 文件丢失或 SCSS 未处理
【发布时间】：2021-03-19 21:25:06
【问题描述】：

到目前为止，我已经从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。

我看到其他帖子通过将 /assets/ 添加到 url 来解决问题 - 当我转到 /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 编译或目录结构中遗漏了一些明显的东西吗？

其他尝试

我尝试根据this page about customizing jekyll theme pages 将 style.scss 文件移动到 /docs/assets/css/style.scss，但仍然没有任何更改或错误。 /assets/css/style.css 仍然显示不包括我自己的 css 墙，我无法以其他方式找到。

也试过了

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

【问题讨论】：

标签： sass github-pages

【解决方案1】：

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

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

我将@import 更改为那里的给定值，它起作用了。

@import "";

是 GitHub 文档建议的值，

但对于领先日主题来说，它确实是

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

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

【讨论】：

【解决方案2】：

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

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

/docs/_config.yml 添加：

theme: jekyll-theme-slate

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

理想情况下，您可以在不覆盖这个看不见的目录结构的情况下定义自己的文件，但如果您遇到同样的问题，它至少可以工作。

【讨论】：