syntax-highlighting - 雨果语法高亮不改变

Question

我正在使用带有 Chroma 高亮显示的 Hugo v0.58.3。

我已经阅读了有关使用此命令 hugo gen chromastyles --style=vs > syntax.css 来下载我想要的样式表的说明。我用它来覆盖theme/sometheme/static/css/syntax.css

我尝试了几种不同的样式，但更改它们似乎没有任何影响。

我在 config.toml 中添加了两个参数

 pygmentsCodeFences = true
 pygmentsUseClasses = true

我的源代码是这样高亮显示的——

{{< highlight csharp >}}
public void ConfigureServices(IServiceCollection services)
{
    services.//snip
{{< /highlight >}}

无论我下载什么 syntax.css，页面上都不会发生任何变化。

我做错了什么？是否有人可以向我指出一个例子来说明这种方法有效。

Answer 1

为了找到这篇文章的其他人的利益，这是我遇到的问题。

我在他们的示例应用中使用了“Beautiful Hugo”主题。

在 config.toml 我有 -

pygmentsCodeFences = true
pygmentsUseClasses = true

但是示例 config.toml 也有 -

useHLJS = true

head.html 有 -

{{- if .Site.Params.useHLJS }}
<link rel="stylesheet" href="{{ "css/highlight.min.css" | absURL }}" />
{{- else -}}
<link rel="stylesheet" href="{{ "css/syntax.css" | absURL }}" />
{{- end -}}

加载 highlight.min.css 而不是 syntax.min。