SassSCSS

默认情况下,所有 .scss 部分都位于 <source>/_sass 文件夹中。

/_sass/base.scss

body {
  margin: 0;
}

你的主要 .css.scss 文件位于 <source>/css 文件夹中。注意:为了让 Jekyll 将你的 .scss 文件转换为 .css,前两行三重破折号是必要的。

/css/main.scss


@import "base";

div {
  color: #000;
}

当你构建站点时,会在 _site/css/中显示已转换的 .css 文件:

/_site/css/main.css

body {
  margin: 0 }
div {
  color: #000 }

你的 .html 文件可以引用 css 文件,如下所示:

/_layouts/home.html

<!DOCTYPE html>
<html>
<head>

<link rel="stylesheet" href="/css/main.css">
</head>

<body>
</body>
</html>