如何更改背景颜色代码块markdown github答案

【问题标题】：How to change the background color code block markdown github如何更改背景颜色代码块markdown github
【发布时间】：2017-05-13 11:55:36
【问题描述】：

我使用下面的语法

```yaml
 stages:
   - build
   - test
   - deploy
```

这有助于我获得正确的文本颜色和获取框，但如何更改框的背景颜色。

【问题讨论】：

Add gray area in markdown的可能重复

标签： github markdown

【解决方案1】：

TL;DR：当 GitHub 使用自己的风格呈现文档时，它会覆盖您应用于文档的任何样式。

但是，对于其他地方，如果您将其包装在 <div> ... </div> 对中，您可以使用 HTML 和 CSS 执行此操作：

# Code

## Vanilla

``python
print("hello world!")
``

## Flavored V1

<div style="background-color: rgb(50, 50, 50);">

``python
print("Yo!")
``

</div>

为了在此处正确呈现它，我必须从示例中的每个代码部分中删除一个反引号 `。

上面的文件在 VSCode 上呈现如下：

您可以使用 CSS 进一步更改外观，但我不建议这样做。

P.S：GitHub 在设置下提供了全局深色主题。

【讨论】：

对不起，这对我不起作用。检查生成的 Github wiki 页面时，<div> 不包含 stype 属性，它仅呈现为 <div> 并带有生成的常规背景。
@Leonardo，确实，正如我在回答中提到的那样，GitHub 会覆盖您的格式。但是，由于这个问题有点含糊，我建议了一种在其他版本的 MarkDown 上执行此操作的方法。

【解决方案2】：

README 中的代码块没有黑色它们，但是您可以解决方法并将一些自定义样式添加到 <pre> 标记或 <code>，如下所示：

code[class*="language-"], pre[class*="language-"]
  border-radius: 6px
  text-shadow: 0 1px #14161800 !important
  background: #242424 !important
  span.token.operator
    background: none
  span.token.keyword
    color: #866cba

注意：这是sass 方式。

【讨论】：