Question

我想将代码段的背景从黑色更改为更浅的颜色（如浅灰色）。我已经尝试过此previous SO question的建议，该建议建议更改_sass文件夹中的_base.scss。从我的_base.scss中可以看到，代码片段背景已经指定为#eef，这是一种较浅的颜色。但是，我的博客不遵循这种颜色。

/**
 * Code formatting
 */
pre,
code {
    font-size: 15px;
    border: 1px solid $grey-color-light;
    border-radius: 3px;
    background-color: #eef;
}

然后我查看了位于同一_sass文件中的另一个名为_variables.scss的文件。该文件中包含的代码是这样的：

// Inline code block font color
$codeblock-font-color: #8cc4d8;

// Inline code block background color
$codeblock-background-color: #333333;

看起来这是将我的代码段背景从黑暗（＃333333）更改为更浅的东西，例如＃F5F5F5（HTML White Smoke）的地方，但是，当我再次尝试时，博客不服从。

在markdown文件中编写代码时，我使用了三个反引号。任何帮助将不胜感激，谢谢。

Answer 1

答案：我正在用css / main.css语法覆盖多个CSS-我删除了多余的

div.content .highlight {
    background: #333333;

位于我的css / main.css中，现在可以在背景之后的字段中更改背景颜色：

div.content pre {
  background: #F5F5F5;
  padding: 10px;
  color: #FFF;
  overflow-x: auto;
  font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;
  font-size: 12px;
  border: none;
}

如何在Jekyll博客中更改代码段背景

1 个答案: