html – 要添加到Jekyll Minima的CSS,而不是完全覆盖它

概述我正在建立我的第一个Jekyll网站,并对Minima主题作为起点感到满意.但是,我想自定义网站的某些方面,例如颜色,向布局添加元素等. 但是,每当我在以下结构中创建样式表或布局时(当前为空文件,因为我想添加ad hoc的补充元素) / --assets --main.css --_layouts --default.html 它会覆盖默认的布局和样式,留下无风格的网站. 如何在不 我正在建立我的第一个Jekyll网站,并对Minima主题作为起点感到满意.但是,我想自定义网站的某些方面,例如颜色,向布局添加元素等.

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

/ --assets   --main.CSS --_layouts   --default.HTML

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

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

解决方法 凭借基于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复制到source,然后更改_layout partial

或者,如果您只想添加到Minima,请执行以下 *** 作：

>首先在_sass目录中创建一个新的sass表(比如custom.sCSS).
>然后进入您的assets / dir,从Minima复制main.sCSS
>然后向复制的main.sCSS添加新的导入规则：

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

>现在你添加到custom.CSS的任何样式都应该被Jekyll选中

总结

以上是内存溢出为你收集整理的html – 要添加到Jekyll Minima的CSS,而不是完全覆盖它全部内容，希望文章能够帮你解决html – 要添加到Jekyll Minima的CSS,而不是完全覆盖它所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。