2014年的时候,还没有什么好用的代码高亮插件,之前用的SyntaxHighlighter算是佼佼者了。尽管配色有些神奇,但总体还算过得去,就用了。
时过境迁,现在代码高亮插件已经漫天了。调研了几种,还是Prism推荐的人最多,试了下也觉得不错,默认样式和站点主题还算搭配,清爽型的,比原来的好太多。
顺手把页面宽度也调整了一下,毕竟之前的样式也都好些年了,1080p的显示器已经普及了,不用再局促在990px里了。
Phoenix Sun's Blog
2014年的时候,还没有什么好用的代码高亮插件,之前用的SyntaxHighlighter算是佼佼者了。尽管配色有些神奇,但总体还算过得去,就用了。
时过境迁,现在代码高亮插件已经漫天了。调研了几种,还是Prism推荐的人最多,试了下也觉得不错,默认样式和站点主题还算搭配,清爽型的,比原来的好太多。
顺手把页面宽度也调整了一下,毕竟之前的样式也都好些年了,1080p的显示器已经普及了,不用再局促在990px里了。
因为用的百度编辑器自带的缘故,代码高亮插件选用了SyntaxHighlighter。
但是这货有个蛋疼的问题就是长一些的代码不能自己换行,会出滚动条。
于是网上找了个“解决方法”:把默认的不换行样式去掉,或覆盖成默认:
.syntaxhighlighter .line { /*white-space: pre !important; 注释掉,或者外部覆盖掉 */ }
烦人的横向滚动条没有了,但是,看起来还是怪怪的。就像这样,这是从贼寇同学站上截的图,求不打:
竟然和行号没对齐!