设计笔记

  • 最终实现效果:
  • 首页
  • 作品
  • 代码
  • 随笔
  • 关于博主
    • 豆瓣书影
  • 友情链接
  • 文章归档
  • 榜上有名
  • RSS Feed
  • GitHub
  • Twitter
  • Link

喜欢这款主题

抢先体验

免插件的类代码高亮功能

  • Tokin
  • 2013-05-25
  • 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)犒赏过

© 2025 设计笔记
Theme by Wing
  • {{ item.name }}
  • {{ item.name }}