要添加到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,请执行以下操作:

• 首先创建一个新SASS片(比如custom.scss)在你的 _sass目录中.
• 然后进入你的 assets/目录,复制main.scss来自Minima

• 然后为复制添加新import规则main.scss:

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

• 现在你添加的任何款式都custom.css应该被Jekyll选中