Jekyll转换器错误

Question

首先，我是使用Sass和Jekyll的新手，我有点迷路。

我正在尝试jekyll构建，但是它给了我这个错误：

Conversion error: Jekyll::Converters::Scss encountered an error while converting 'css/main.scss':
                    Undefined variable: "$main-color". on line 15
jekyll 2.5.3 | Error:  Undefined variable: "$main-color". on line 15

如您在我的Github Repo和下面的屏幕快照中所见， $main-color变量在_sass / utils / _variables.scss中定义，而css/main.scss是我导入所有.scss文件的位置。

https://github.com/IgnaciodeNuevo/ignaciodenuevo.github.io/blob/master/Jekyll-converters-error.jpg

Answer 1

CSS / main.scss

该文件中没有前置内容，因此jekyll不会对其进行转换。

---
---
/* sass/

生成后，我们在base / base中有一条错误行22，这是因为变量是在使用它们的代码后导入的。

把@import "utils/variables"; 在顶部。

如果没有现有文件，我们将出现错误。 在这里，我已将其注释掉。

@import "utils/variables";
@import "utils/mixins";
// @import "utils/functions";
// @import "utils/placeholders";

@import "base/base";
// @import "base/reset";
@import "base/typography";
//@import "base/links";

//@import "components/buttons";

// @import "layout/navigation";
@import "layout/header";
@import "layout/footer";
// @import "layout/sidebar";

@import "pages/home";

_sass / utils的/ _variables.scss

第15行： $border: 3px solid $main-color; 但是$main-color仅在第57行声明。使用前必须声明一个变量。 将$main-color移动$main-color 15之前的行可解决此错误。

然后，我们会遇到$text-font-stack和$code-font-stack 。 在$code-font声明之后添加声明。

$code-font:
        "Source Code Pro",
        "Menlo",
        "Monaco",
        "Consolas",
        "Courier New",
        Courier,
        monospace;

$text-font-stack: $sans-font;
$code-font-stack: $code-font;

这样可以解决当前存储库代码中的所有错误。