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>