设置 Hugo 的代码高亮2020-05-29 · 大约 1000 个字 · 预计 5 分钟 读完HugoHugo · 代码高亮 · Chroma · Go · highlighting前提条件 首先我们要保证 Hugo 的版本是高于 v0.65.0 的,查询方法如下:1 2 $ hugo version Hugo Static Site Generator v0.70.0-7F47B99E windows/amd64 BuildDate: 2020-05-06T11:17:50Z 上面查询,我的版本是 v0.70.0 如果你的版本低于 v0.65.0 则不支持我们今天要设置的代码高亮,请先升级版本。Hugo 在 v0.65.0 版本之后使用了 Chroma 代码高亮插件,它是一个 Go 语言实现的非常漂亮并能快速生成的代码高亮工具。阅读更多
highlight 设置行号2016-03-08 · 大约 400 个字 · 预计 2 分钟 读完优化博客优化 · 代码高亮 · 显示行号 · highlight · markdown一、背景 笔者在开发这套博客系统时使用 Editormd 作为 Markdown 编辑器,由于不满足其代码高亮的样式,因此选用 highlight.js 插件来实现代码高亮功能。但是,highlight.js 插件不提供行号的设置功能,于是有了该文章。二、实现原理 html 的代码块都是通过 <code></code> 进行封装,我们可以将其内容取出封装到 <ol><li></li></ol> 从而实现设置行号的效果。三、实现方式 下边提供两种实现方式。3.1 后端修饰 笔者使用的是 commonmark 库来实现 markdown 转换成 html。阅读更多