Hugo + Pygments - 如何更改突出主题？

Question

在Hugo中使用Pygments，我可以使用这样的块进行语法高亮显示：

```ruby
def hello object
  puts "Hello, #{object}"
end
```

这＆＃34;工作＆＃34;因为代码是彩色的，但颜色并不好，白色背景上的白色文字（来自Pygments）（来自Hugo主题）。有没有办法改变突出显示的主题？

Answer 1

在/config.toml中，您需要以下这些内容：

PygmentsCodeFences = true
PygmentsStyle = "monokai"

对于样式列表，https://help.farbox.com/pygments.html是一个很好的来源。我认为还有更多，但我还没有找到一份完整的清单。

对于代码块的背景，实际上这是由Hugo主题设置的，对于我正在使用的Hyde主题我需要覆盖这样的css：

/themes/hyde/static/css/override.css

pre {
  background-color: #23241f;
}
code {
  background-color: #EEE
}

并将参考链接添加到/themes/hyde/layouts/partials/head.html

<link rel="stylesheet" href="{{ .Site.BaseURL }}css/override.css">

Answer 2

从https://github.com/richleland/pygments-css中选择主题并调整CSS。以下是我的SCSS文件中的Hugo网站样式供您参考（评论在特定行下）：

Color Highlighter

我建议使用一个突出显示颜色代码的插件，例如Sublime的RealmChangeListener。