Typecho 使用highlight.js代码高亮如何实现代码行号
前言
从写博客主题至今,对于代码高亮的行号,一直是比较头疼的,以前初学前端的时候,有过一些尝试,比如利用代码里面的行高是固定的,然后创建一个伪元素,伪元素的内容就是一行一个数字,然后通过脚本生成一个9999行的内容,然后伪元素父容器再做个内容溢出剪切,实现了一个代码行号的处理。
最近博客主题评论下有人想要增加代码行号,我记得之前掘金是没有代码行号的,最近打开发现有了,于是就想办法给研究出来了。
于是就有了这篇教程,方法也很简单。
其实这个行号甚至与highlight.js
关系不大,只是作为一个关联关系,可以用其他的同类竞品替代。
教程
此处内容已隐藏回复后方可阅读。
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可,禁止转载。
全部评论 25
1312
Google Chrome Windows 10cc
Google Chrome MacOS<Six
Google Chrome Windows 10木灵鱼儿
FireFox Windows 10test
Google Chrome AndroidX8X
Google Chrome Windows 10ewrwer
Google Chrome Windows 10xxx
Google Chrome Windows 10萧六
Google Chrome Windows 10Ryan
FireFox Windows 10木灵鱼儿
FireFox Windows 10Ryan
FireFox Windows 10木灵鱼儿
FireFox Windows 10鲁迅
Google Chrome Windows 10