博客优化——代码样式高亮

简介 博客写出来这么久了,一直在发一些代码之类的内容,之前采用的代码高亮的代码,前段毕竟不是很熟悉,也不想怎么去爬楼了解具体什么语言加载什么,就干脆的一刀切,反正是自己使用,以后如果前段好一些了在改版吧,在这次优化之前的代码是这个样子的,污可以说是惨不忍睹,一块白板这要人怎么看,眼睛都看瞎了,个人的理想状态是使用北京灰色或者黑色,代码使用通用代码就行,所以一个类就搞定了,代码如下:看看现在的效果:再来一

博客写出来这么久了,一直在发一些代码之类的内容,之前采用的代码高亮的代码,前段毕竟不是很熟悉,也不想怎么去爬楼了解具体什么语言加载什么CSS,就干脆的一刀切,反正是自己使用,以后如果前段好一些了在改版吧,在这次优化之前的代码是这个样子的,[污]


可以说是惨不忍睹,一块白板这要人怎么看,眼睛都看瞎了,个人的理想状态是使用北京灰色或者黑色,代码使用通用代码就行,所以一个类就搞定了,代码如下:

pre{
margin: 20px 0;
white-space: pre-wrap;
padding: 15px 10px;
border: 1px solid #e3e3e3;
border-radius: 4px;
background-color: #000;
word-wrap: break-word;
min-height: 20px;
color: #abb2bf;
}

看看现在的效果:


再来一个以前的效果,以前这篇文章的效果可以说是没有可能更好些。。。


 

评论禁用

用户名:

验证码:

Top