一、背景
笔者在开发这套博客系统时使用 Editormd 作为 Markdown 编辑器,由于不满足其代码高亮的样式,因此选用 highlight.js 插件来实现代码高亮功能。但是,highlight.js 插件不提供行号的设置功能,于是有了该文章。
二、实现原理
html 的代码块都是通过 <code></code>
进行封装,我们可以将其内容取出封装到 <ol><li></li></ol>
从而实现设置行号的效果。
三、实现方式
下边提供两种实现方式。
3.1 后端修饰
笔者使用的是 commonmark 库来实现 markdown 转换成 html。