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

时间:2016-12-29 07:18:44

标签: github markdown

我使用以下语法

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

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

1 个答案:

答案 0 :(得分:0)

当 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 上呈现如下:

enter image description here

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

P.S:GitHub 在设置下提供全局黑暗主题。