更改 Hugo 主题中的代码块突出显示

Question

我正在尝试更改 Hugo 主题（“Call me Sam”）中代码块的语法突出显示。我使用 R 的blogdown 渲染内容，所以代码块在Rmarkdown 中。在我的config.toml 上，我有pygmentsStyle = "monokai" 和pygmentsCodefences = true。按照这个说明https://gohugo.io/getting-started/configuration-markup/，我也添加了这个（也许我的目标不是关于标记）：

[markup]
  [markup.highlight]
    codeFences = true
    guessSyntax = false
    hl_Lines = ""
    lineNoStart = 1
    lineNos = false
    lineNumbersInTable = true
    noClasses = true
    style = "monokai"
    tabWidth = 4

我的页面代码块没有任何变化。我想我也需要更改css 文件（哪个？？）？

感谢您的帮助！

Answer 1

如果您使用代码围栏，请尝试使用 Hugo 内置的highlight shortcode，例如：

{{< highlight toml >}}
[markup]
  [markup.highlight]
    codeFences = true
    guessSyntax = false
    hl_Lines = ""
    lineNoStart = 1
    lineNos = false
    lineNumbersInTable = true
    noClasses = true
    style = "monokai"
    tabWidth = 4
{{< / highlight >}}

我经常遇到 Hugo 的代码围栏高亮问题，但很少遇到 Hugo 的内置高亮短代码问题。单击“单击此”详细信息后，您可以在 https://www.ii.com/ordinary-extraordinary-markdown/#this-articles-markdown-flavor 处看到突出显示短代码的结果示例（这是我的网站 :-)）。