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

Question

我想将我的代码片段的背景从黑色更改为更浅的颜色（如浅灰色）。我已经尝试过这个的建议，它建议更改 _base.scss _sass 文件夹。从我的_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 博客中的代码片段背景

How to change code snippet background in Jekyll blog

html

jekyll