代码高亮

hugo提供了两种代码高亮处理方式

  • 方式一:server side

    需要在hugo服务器端安装python,稍显麻烦,不过py所支持的代码种类和样式应该是最丰富的。对于强迫症患者尤其适用。

  • 方式二:client side

    目前有好多用于浏览器渲染代码的js,比较有名的是highlight.js

    一般可以在themeslayouts/head.html中添加:

    <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/styles/default.min.css">
    <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.7.0/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>

    然后按ctrl+c重启hugo,接着执行hugo server -w -D,随后使用浏览器访问http://localhost:1313,浏览器会自动去cdn下载相应的css、js,最后在本地渲染代码。

    如果你对默认的样式不满意,highlight还提供了多种style可供选择,包括我所喜欢的monokai。你可以将上文代码中的default.min.css变更为monokai.min.css。然后在config.toml的[params]中设置highlight="monokai"