Question

我正在尝试更改Hugo主题（“叫我山姆”）中代码块的语法突出显示。我正在使用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上看到突出显示短代码的结果示例。

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

1 个答案: