Github 页面语法高亮 - 对比度非常差

Question

我正在使用 Github Pages 和 JekyllNow 分叉的 Jekyll。

这就是我所拥有的

Python

```python
for i in Q:
    print(i)
    while True:
            print(i)
```

在Github预览中，对比度非常好，语法高亮非常清晰。

当页面实际部署时，对比度很差，可能是因为颜色与背景颜色结合使用的原因。

有没有办法改善这个问题？ Github 页面上有更好的语法突出显示吗？

我的 _config.yml 包含默认值。

# Jekyll 3 now only supports Kramdown for Markdown
kramdown:
  # Use GitHub flavored markdown, including triple backtick fenced code blocks
  input: GFM
  # Jekyll 3 and GitHub Pages now only support rouge for syntax highlighting
  syntax_highlighter: rouge
  syntax_highlighter_opts:
    # Use existing pygments syntax highlighting css
    css_class: 'highlight'

我可以在此处更改任何内容，这将使我的语法突出显示具有更好的对比度，就像我在预览中看到的那样。

Answer 1

您可以尝试在站点的资产文件夹中创建一个新的 CSS 文件，例如

syntax-highlighting.css

。粘贴您从

mzlogin/rouge-themes

获得的 GitHub Rouge 主题 CSS，请参阅

mazhuang.org/rouge-themes/

。
将此 CSS 文件包含在您网站的主布局中，以确保它加载到每个页面上。您可以通过添加如下行来完成此操作：

<link rel="stylesheet" href="/path/to/syntax-highlighting.css">

有时，站点 CSS 中的其他样式可能与 Rouge 样式发生冲突，从而导致意外的外观。在这种情况下，请使用浏览器的开发人员工具检查有问题的元素，并根据需要覆盖任何样式。

例如，如果代码块的背景颜色导致对比度不佳，您可以添加样式来显式设置背景颜色：

.highlight {
    background-color: #f6f8fa; /* GitHub-like background color */
}

完成上述更改后，您需要重建并重新部署站点以使更改生效。