最近对博客的改动:Chroma语法高亮和Typography.js
用chroma进行语法高亮
最近hugo内置了chroma,这是类似Pygments的语法高亮引擎,但是纯粹用GO完成,可以方便地集成在hugo中。今后,在生成的页面中可以不需要highlight.js
等脚本文件,理论上可以提高网页加载的速度。
使用方法
在config.toml
中加入以下内容:
pygmentsCodefences = true #高亮markdown的代码块
pygmentsCodefencesGuessSyntax = true #高亮markdown中没有标注语言的代码块
pygmentsStyle = 'manni' #高亮主题
用typography.js修改样式
Typography.js是生成网页字体排印格式的库。只要简单地利用已有的主题,就可以生成较为完善的CSS格式。当然,如果需要更精确的中文排版,请移步汉字标准格式。
Typography.js本身不提供直接输出CSS的功能,必须引入npm库,降低了网页加载速度。为了解决这个问题,我写了一个简单的脚本:typography2CSS,用来直接生成CSS文件。
之后,经过少量修改,即可用于现有的主题,效果如我的博客所示。