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>