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>