SCSS导入失败(Jekyll)



我正在尝试在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"
;

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

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

注意:我已经尝试过在Jekyll 2.1中描述的SCSS @import,但它没有让我在某个地方。

明白了!这很简单。

  • Github页面从您的存储库根运行:faif.github.io
  • 作为您的_config.yml文件在/blog中,它看不到它,并为所有内容采用默认设置。例如:scss导入的路径是faif.github.io/_sass,导致错误,因为您的文件在faif.github.io/blog/_sass
<

第一选项/h2>

_config.yml移到根位置并调整sass, includes, ...变量。我不认为这是最好的选择,但如果在jekyll 3.1中可配置,它肯定可以做几乎所有的事情。x(文档)。

第二选项
  • 创建blog repository
  • 克隆
  • git checkout -b gh-pages因为项目存储库只从h-pages分支发布
  • 将您的博客文件夹内容复制到此存储库
  • 从faif.github.io仓库中删除你的blog文件夹
  • _config.yml中的baseurl更改为/blog
  • 提交和推送

最新更新