要添加到Jekyll Minima的CSS，不能完全覆盖它

Question

我正在建立我的第一个Jekyll网站，并对Minima主题作为起点感到满意。但是，我想自定义网站的某些方面，例如颜色，向布局添加元素等。

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

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

它会覆盖默认的布局和样式，留下无风格的网站。

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

Answer 1

凭借基于gem的Jekyll主题的工作方式，source-directory中的任何文件都优先于同一个文件（如果它存在于theme-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/目录，复制来自Minima的main.scss

• 然后添加新的import规则到复制的main.scss：

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

• 现在，您添加到custom.css的任何款式都应由Jekyll提取