免插件的类代码高亮功能

/ 47评 / 0

最近越发懒散了,什么都不想折腾,G5还有一些需要调整的,还要忙着规划G6,折腾了几天,什么都不满意,最后什么都摆忙活了,心情有点乱乱的,很是郁闷,天气越来越热了,我是越来越沉不住气,今天小更一下吧,证明我还活着

代码高亮功能网上有很多实现的方法,插件很多,介绍免插件的博客也不少,但是他们都用到了js+css,好吧,今天我来个简单的,纯css的,对!你没看错,用css就行了,当然,这货不支持代码高亮,仅仅是放代码用的,,我表示自己很喜欢,配合一些在线代码着色器,那就完美了

最终实现效果:

其实简单到不行,只需要把下面的css丢到你主题的css里就OK了

  1. .context ol {overflow-x:auto;overflow-y:hidden;margin:10px;padding:0 0 0 30px;background:#eee;border:1px solid #aaa;}
  2. .context ol li{font-size:12px;padding:0 5px 0 10px;width:100%;border-left:1px solid #596;border-bottom:1px solid #eee;line-height:20px;color:#666;background:#fff;list-style-type:decimal;}
  3. .context ol li:hover{background:#eee;}

这样,在撰写文章的时候,插入ol就行咯


好了,现在是个人心情时间:

18岁过去了,有破处了,第一次18岁,也仅仅这一次,以后SHA人就不能从轻判了,以后也不能装嫩了,再也不能对着大街喊:我是未成年!不能了,啥都不能了

祝我自己生日快乐,嘿嘿,5.23的生日,我到现在才祝福自己呢,今年的生日没往年的隆重,虽然这一生只有这一个18岁,但是我想自己一个人平平静静的度过,当然最后没能如愿,还是被家人、朋友、同学拉着庆祝了一下,很感谢!我爱你们!

我想,这是我这辈子最喜欢的生日礼物了,我擦,真尼玛没节操,我们班同学真是聪明绝顶,这样的东西都能搞出来,真服了他们脑袋了。逐个捏碎!哈哈

么!么么!!18岁!!!我很快乐!!!!

怎么祝福我生日快乐呢?很简单:访问这个页面,表示一下你的心意,稍微意思意思一下就OK啦,哈哈,可以在备注里留下你的联系方式,偶会灰常感谢你滴,嘎嘎

欧爹(OYOY)犒赏过

  1. 梦月酱说道:

    😳 😳 怎么不更新了

    • Tokin说道:

      @梦月酱 @梦月酱:没时间啊,也懒了,没什么好写的,而且不知道怎么写,纠结,每周一更已经算勉强了…

  2. 大发说道:

    ol不是代码标签。。。pre和code才是。。。

    • Tokin说道:

      @大发 @大发:我知道的啦,但是pre和code都没有1234的那个功能,所以…总之,我都是觉得哪个更好用就用哪个,不是看名称的…

  3. 韩麦斯说道:

    还真好,赶上我今天有空看到你生日,生快吧~ 比我的生日强多了

  4. 梦月酱说道:

    能显示就 OK

  5. 木头怀说道:

    骚年,happy birthday,年轻真好,唉…………

  6. 小蝴蝶说道:

    生快萌弟 半年前萌姐也发出了相同的感慨:杀人要偿命了啊
    不过可以开网银绑定快捷支付了

  7. 胡倡萌说道:

    迟到一点,生日快乐,早日破处 😀 😀 😀

  8. 公子说道:

    代码显示出来就行了,我现在就不要高亮了。。。

  9. 神父说道:

    擦嘞,生日就这样悄悄的过了啊,也不搞个连载感言。
    生日快乐啊

    • Tokin说道:

      @神父 @神父:哈哈,静悄悄的先过完,然后再来要红包。。。话说你的1毛钱我已经笑纳了 😡 😥

  10. 斌果说道:

    沙发一个,生日快乐!你们同学真。。。

发表评论

邮箱地址不会被公开。 必填项已用*标注