雨果语法高亮不改变

Question

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

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

为了发现此问题的其他人的利益 post，这是我遇到的问题。

我在他们的示例应用程序中使用 "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。

雨果语法高亮不改变

Hugo syntax highlighting not changing

syntax-highlighting

hugo