Hugo 语法高亮显示不变

Question

我正在使用 Hugo v0.58.3 和 Chroma 突出显示。

我已阅读有关使用此命令 hugo gen chromastyles --style=vs > syntax.css下载所需样式表的说明。我用它来覆盖主题/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.