换了个代码高亮插件,看起来舒服多了

2014年的时候,还没有什么好用的代码高亮插件,之前用的SyntaxHighlighter算是佼佼者了。尽管配色有些神奇,但总体还算过得去,就用了。

时过境迁,现在代码高亮插件已经漫天了。调研了几种,还是Prism推荐的人最多,试了下也觉得不错,默认样式和站点主题还算搭配,清爽型的,比原来的好太多。

顺手把页面宽度也调整了一下,毕竟之前的样式也都好些年了,1080p的显示器已经普及了,不用再局促在990px里了。

阅读全文→

解决SyntaxHighlighter换行问题

因为用的百度编辑器自带的缘故,代码高亮插件选用了SyntaxHighlighter。

但是这货有个蛋疼的问题就是长一些的代码不能自己换行,会出滚动条。

于是网上找了个“解决方法”:把默认的不换行样式去掉,或覆盖成默认:

.syntaxhighlighter .line {
  /*white-space: pre !important; 注释掉,或者外部覆盖掉 */
}

烦人的横向滚动条没有了,但是,看起来还是怪怪的。就像这样,这是从贼寇同学站上截的图,求不打

竟然和行号没对齐!

阅读全文→