SCSS导入失败(Jekyll)

Question

我正在尝试在GitHub页面上设置Jekyll。在本地，即使使用bundle exec jekyll serve --safe，也没有生成/执行警告/错误。但是导入命令在GitHub页面上失败。我得到的错误是：

您的SCSS文件css/main.scss在第49行有一个错误:要导入的文件未找到或不可读: base

我没有更改main.scss的内容

// Import partials from `sass_dir` (defaults to `_sass`)
@import
    "base",
    "layout",
    "syntax-highlighting"
;

在sass_dir中显式地定义_config.yml变量没有帮助。有办法在本地调试scss文件吗？我尝试过使用sass命令，但它似乎不适用于scss文件。

我知道问题在于@import部分，因为如果我评论它并在GitHub页面上推动构建不再失败--但是我的博客是丑陋的:)

注意:我已经尝试过在SCSS @import in Jekyll 2.1中描述的内容，但它并没有让我找到什么地方。

Answer 1

好的，抓住它！很简单。

• Github页面正在从存储库根运行：faif.github.io
• 由于您的_config.yml文件是在/blog中，所以它不会看到任何东西都采用默认设置。例: scss导入的路径是faif.github.io/_sass并导致错误，因为您的文件位于faif.github.io/blog/_sass中。

第一种选择

移动根目录下的_config.yml并调整sass, includes, ...变量。我不认为这是最好的选择，但如果在Jekyl3.1.x (文档)中可配置，它肯定可以作为几乎所有的事情来完成。

第二种选择

• 创建博客存储库
• 克隆它
• git checkout -b gh-pages，因为项目存储库仅从h页分支发布。
• 将博客文件夹内容复制到此存储库中。
• 从faif.github.io存储库中删除博客文件夹
• 在baseurl中将/blog更改为_config.yml
• 承诺和推动

而你已经完成了。