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>