前言

从写博客主题至今,对于代码高亮的行号,一直是比较头疼的,以前初学前端的时候,有过一些尝试,比如利用代码里面的行高是固定的,然后创建一个伪元素,伪元素的内容就是一行一个数字,然后通过脚本生成一个9999行的内容,然后伪元素父容器再做个内容溢出剪切,实现了一个代码行号的处理。

最近博客主题评论下有人想要增加代码行号,我记得之前掘金是没有代码行号的,最近打开发现有了,于是就想办法给研究出来了。

于是就有了这篇教程,方法也很简单。

其实这个行号甚至与highlight.js关系不大,只是作为一个关联关系,可以用其他的同类竞品替代。

教程

此处内容已隐藏回复后方可阅读。

分类: Typecho博客教程 标签: typecho代码高亮highlight.js代码行号

评论

全部评论 25

  1. icode
    icode
    Safari MacOS
    学习一下..
  2. Mango
    Mango
    Google Chrome Windows 10
    [星星眼][星星眼][星星眼][星星眼]
  3. Mr.He
    Mr.He
    Google Chrome Windows 10
    这个非常需要
  4. MoXiify
    MoXiify
    Google Chrome Windows 10
    学习一下,总是遇到一些问题(⌒▽⌒)
  5. 烟雨
    烟雨
    Google Chrome Windows 10
    谢谢分享!!!!!!!!!!
  6. lucky
    lucky
    Google Chrome MacOS
    想要学习一下
  7. 荒野孤灯
    荒野孤灯
    Google Chrome Windows 10
    学习一下,,
  8. 花趣站长
    花趣站长
    Google Chrome Windows 10
    这个效果好像不是很好
  9. 哼哈
    哼哈
    Google Chrome Windows 10
    哼哈哼哈哼哈哼哈哼哈哼哈哼哈
  10. 嘻嘻嘻嘻
    嘻嘻嘻嘻
    Google Chrome Windows 10
    阿德哇哇啊

目录