maupassant主题代码高亮显示设置
目录
Hugo静态网站生成器支持使用Chroma库为代码块添加语法高亮。要在Maupassant主题中启用Hugo的语法高亮,您需要执行以下操作:
1 确保已安装Chroma库,可以通过在Hugo网站的config.toml文件中将其添加为依赖项来实现:
|
|
2 在主题的布局文件中,使用.Highlight类指定应该语法高亮的代码块:
|
|
3 使用您喜欢的样式替换style = “monokai”, 您可以在这里查看更多样式 https://xyproto.github.io/splash/docs/all.html 常用的有 style = “github”, style = “catppuccin-frappe” ,style = “monokai” 我这里选择的是style = “autumn”
4最后,在您的Markdown内容中,使用三个反引号(```)来表示应该语法高亮的代码块。例如:
|
|
- 可选的,您还可以指定要高亮的语言,如
|
|
这样高亮器就知道代码是用什么语言编写的了。