木灵鱼儿
Typecho博客教程
Typecho 使用highlight.js代码高亮如何实现代码行号
前言从写博客主题至今,对于代码高亮的行号,一直是比较头疼的,以前初学前端的时候,有过一些尝试,比如利用代码里面的行高是固定的,然后创建一个伪元素,伪元素的内容就是一行一个数字,然后通过脚本生成一个9999行的内容,然后伪元素父容器再做个内容溢出剪切,实现了一个代码行号的处理。最近博客主题评论下有人想要增加代码行号,我记得之前掘金是没有代码行号的,最近打开发现有了,于是就想办法给研究出来了。于是就有了这篇教程,方法也很简单。其实这个行号甚至与highlight.js关系不大,只是作为一个关联关系,可以用其他的同类竞品替代。教程[hide]在处理行号之前,我们需要保证代码已经被highlig...
最近评论