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