Html CSS添加到Jekyll Minima,而不是完全覆盖它
我正在建设我的第一个Jekyll网站,我很高兴以Minima主题为起点。然而,我想定制一些方面的网站,如颜色,添加元素的布局等 但是,每当我在以下结构中创建样式表或布局时(当前为空文件,因为我想临时添加补充元素) 它覆盖默认的布局和样式,留下一个无样式的网站Html CSS添加到Jekyll Minima,而不是完全覆盖它,html,css,jekyll,Html,Css,Jekyll,我正在建设我的第一个Jekyll网站,我很高兴以Minima主题为起点。然而,我想定制一些方面的网站,如颜色,添加元素的布局等 但是,每当我在以下结构中创建样式表或布局时(当前为空文件,因为我想临时添加补充元素) 它覆盖默认的布局和样式,留下一个无样式的网站 如何补充Jekyll Minima主题而不覆盖默认主题?根据基于gem的Jekyll主题的工作方式,源目录中的任何文件如果存在于gem主题中,则优先于同一文件。i、 例如,/\u sass/minima.scss仅通过其存在即可覆盖整个/\
如何补充Jekyll Minima主题而不覆盖默认主题?根据基于gem的Jekyll主题的工作方式,源目录中的任何文件如果存在于gem主题中,则优先于同一文件。i、 例如,
/\u sass/minima.scss
仅通过其存在即可覆盖整个/\u sass/minima.scss
要进行简单的更改,如更改颜色,
更改\u sass/minima.scss
要更改布局样式,请将\u sass/minima.scss
和\u sass/minima/\u layout.scss
复制到源,然后更改\u布局
部分
或者,如果您只是想将添加到最小值,请执行以下操作:
- 首先在您的
目录中创建一个新的sass表(例如,\u sass
)custom.scss
- 然后将
main.scss从Minima复制到您的
目录中资产/
- 然后将新的
导入
规则添加到复制的
:main.scss
@import "minima"; @import "custom";
- 现在,无论您添加到
中的样式是什么,Jekyll都应该选择它custom.css
\u布局
、\u sass
和\u包含
都捆绑在主题gem中。从v3.3.0开始,即使是资产
也被捆绑在一个主题中,我已经编写了一个名为的小插件,以方便将主题gem文件轻松复制到源目录。今天晚些时候,当我在电脑前的时候,我会试试这个。非常感谢。
@import "minima";
@import "custom";