前言

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

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

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

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

教程

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

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

评论

全部评论 25

  1. 1312
    1312
    Google Chrome Windows 10
    阿德哇哇啊
  2. cc
    cc
    Google Chrome MacOS
    ttttttttt测试
  3. <Six
    <Six
    Google Chrome Windows 10
    膜拜一下大佬
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @<Six[热词系列_肥肠自信]
  4. test
    test
    Google Chrome Android
    发下消息看看
  5. X8X
    X8X
    Google Chrome Windows 10
    我悄悄的来看看!
  6. ewrwer
    ewrwer
    Google Chrome Windows 10
    让我来悄悄看
  7. xxx
    xxx
    Google Chrome Windows 10
    让我来悄悄看
  8. 萧六
    萧六
    Google Chrome Windows 10
    让我来悄悄看
  9. Ryan
    Ryan
    FireFox Windows 10
    狗花整得这么神秘干嘛
    1. 木灵鱼儿
      木灵鱼儿
      FireFox Windows 10
      @Ryan防止被CSDN偷啊
      1. Ryan
        Ryan
        FireFox Windows 10
        @木灵鱼儿有道理,就是为啥限制5个字
        1. 木灵鱼儿
          木灵鱼儿
          FireFox Windows 10
          @Ryan[辣眼睛]这样评论内容会好看点
  10. 鲁迅
    鲁迅
    Google Chrome Windows 10
    让我也瞧瞧

目录