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/

Answer 2

与其他回答的人相反，我实际上已经下载了您的存储库，并使其在最新版本的Jekyll中运行（不到一分钟）。这是我所做的...

我创建了一个新的SCSS，并将其称为Additional.scss（在/ assets / css /目录中）。看起来像这样：

---
---

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

我在布局中引用了两个CSS文件（默认），如下所示：

<link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">    
<link rel="stylesheet" href="{{ "/assets/css/additional.css?v=" | append: site.github.build_revision | relative_url }}">

请注意，Jekyll将SASS本地转换为CSS，因此您不需要任何额外的配置。另请注意，此解决方案（两个CSS文件）允许主题更新。

快乐的吉基林！

Answer 3

您已将CSS链接为；

Text("TestText", style:GoogleFonts.dancingScriptTextStyle(
              fontSize: 25,
              fontStyle: FontStyle.normal,
    )

但是您的文件就像<link rel="stylesheet" href="{{ "/assets/css/style.css?v=" | append: site.github.build_revision | relative_url }}">，我认为由于这个原因，它没有反映出来。尝试更改此设置。尝试按如下所示进行更改。

style.scss

最小主题中的自定义CSS

3 个答案: