maupassant主题代码高亮显示设置

目录

Hugo静态网站生成器支持使用Chroma库为代码块添加语法高亮。要在Maupassant主题中启用Hugo的语法高亮,您需要执行以下操作:

1 确保已安装Chroma库,可以通过在Hugo网站的config.toml文件中将其添加为依赖项来实现:

1
2
3
4
[params]
  ...
  [params.chroma]
    style = "monokai"

2 在主题的布局文件中,使用.Highlight类指定应该语法高亮的代码块:

1
{{ .Content | highlight }} 

3 使用您喜欢的样式替换style = “monokai”, 您可以在这里查看更多样式 https://xyproto.github.io/splash/docs/all.html 常用的有 style = “github”, style = “catppuccin-frappe” ,style = “monokai” 我这里选择的是style = “autumn”

4最后,在您的Markdown内容中,使用三个反引号(```)来表示应该语法高亮的代码块。例如:

1
2
def my_function():
    print("Hello, World!")
  1. 可选的,您还可以指定要高亮的语言,如
1
test

这样高亮器就知道代码是用什么语言编写的了。

随机文章