前言

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

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

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

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

教程

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

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

评论

全部评论 29

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

目录