用chroma进行语法高亮

最近hugo内置了chroma,这是类似Pygments的语法高亮引擎,但是纯粹用GO完成,可以方便地集成在hugo中。今后,在生成的页面中可以不需要highlight.js等脚本文件,理论上可以提高网页加载的速度。

使用方法

config.toml中加入以下内容:

pygmentsCodefences = true #高亮markdown的代码块
pygmentsCodefencesGuessSyntax = true #高亮markdown中没有标注语言的代码块
pygmentsStyle = 'manni' #高亮主题

可用的主题见这里。更多的设置可以参见hugo帮助

用typography.js修改样式

Typography.js是生成网页字体排印格式的库。只要简单地利用已有的主题,就可以生成较为完善的CSS格式。当然,如果需要更精确的中文排版,请移步汉字标准格式

Typography.js本身不提供直接输出CSS的功能,必须引入npm库,降低了网页加载速度。为了解决这个问题,我写了一个简单的脚本:typography2CSS,用来直接生成CSS文件。

之后,经过少量修改,即可用于现有的主题,效果如此博客所示。