css - 最小主题中的自定义CSS

Question

如果这是一个非常基本的问题，我很抱歉，我是 css 的新手。我正在使用最小主题，我想对样式表进行修改。我创建了文件 /assets/css/style.scss 及以下

---
---

@import "{{ site.theme }}";

我加了

p{
  color: green;
}
h1{
  color: green;
}
h2{
  color: green;
}
h3{
  color: green;
}

这是行不通的。问题是什么？我的网站在 https://github.com/mafaldadias/mafaldadias.github.io

感谢您的帮助!

Answer 1

您没有使用 CSS，您使用的是 SCSS(也称为 SASS)，如果您想直接在 HTML 中使用它，则需要将其编译为 CSS。您将需要使用一些 SASS 编译器，例如 node-sass。如果您是初学者，我建议您使用 Koala，因为它非常易于使用并且有一个虚拟 GUI

http://koala-app.com/