Question

我和Jekyll一起玩，并且能够改变我网站的背景颜色。但是，无论我在_syntax-highlighting.scss中更改了哪种背景或背景颜色属性，我仍然会得到相同的浅灰色背景（即使我重新启动了jekyll服务器）。

对于我来说，没有任何css / sass默认文件对我来说是显而易见的。

Answer 1

_sass/base.scss并更改pre, code规则：

pre,
code {
    ...
    background-color: #eef;
}

Answer 2

大卫·雅克（David Jacquel）给出的答案对我不起作用。

对我有用的是以下内容；

转到此文件/static/css/main.css并更改pre的参数。

Background是代码块的背景色，color是其中的字体颜色。

不知何故，.highlight参数胜过pre参数。我也评论了.highlight部分。这就是最终代码的样子。

/* Content */
div.content pre {
 background: #d42525;
 padding: 10px;
 color: rgb(20, 199, 29);
 overflow-x: auto;
 font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
 font-size: 12px;
 border: none;
}
/* Removed this part to be able to change background of "pre" */
/* div.content .highlight { 
 background: #333333;
} */

使用here

中的参数，您可以看到代码块的外观

如何在jekyll中更改代码块的背景颜色？

2 个答案: