html - 添加到 Jekyll Minima 的 CSS，而不是完全覆盖它

Question

我正在构建我的第一个 Jekyll 站点，并且很高兴以 Minima 主题为起点。但是，我想自定义网站的某些方面，例如颜色、向布局添加元素等。

但是，每当我在以下结构中创建样式表或布局时(当前为空文件，因为我想临时添加补充元素)

/
 --assets
   --main.css
 --_layouts
   --default.html

它覆盖了默认的布局和样式，留下了一个没有样式的网站。

如何在不覆盖默认设置的情况下补充 Jekyll Minima 主题？

Answer 1

凭借基于 gem 的 Jekyll 主题的工作方式，如果源目录中的任何文件存在于主题 gem 中，则该文件优先于同一文件。即 <source>/_sass/minima.scss将覆盖整个 <theme-gem>/_sass/minima.scss仅凭它的存在。

要进行简单的更改，例如更改颜色，更改 _sass/minima.scss 中的变量值

要更改布局样式，请同时复制 _sass/minima.scss和 _sass/minima/_layout.scss来源，然后更改 _layout部分

---

或者，如果您只是想添加到 Minima，请执行以下操作:

• 首先在您的 custom.scss 中创建一个新的 sass 表(例如 _sass)目录。
• 然后进入您的 assets/目录，复制 main.scss从最小

• 然后添加一个新的import复制的规则 main.scss :

  @import "minima";
  @import "custom";
  

• 现在无论你添加什么样式到custom.css应该被 Jekyll 捡起来