最近对博客的改动:Chroma语法高亮和Typography.js

in #cn6 years ago (edited)

用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文件。

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

Coin Marketplace

STEEM 0.28
TRX 0.12
JST 0.032
BTC 65848.40
ETH 3007.80
USDT 1.00
SBD 3.73