前几天的文章《解决本站首页打开缓慢的问题》一文中说道,由于本站用的是wp-syntax,但受其影响,导致网站首页打开速度非常缓慢,我还特意折腾一番解决问题,最终是将插件去除,换成了非插件版显示代码,问题方才解决。
今天又想起这个问题,觉得应该还是有其他解决办法的,特意到WordPress论坛搜索了一番,果不其然,国外wper同样也遇到了这样的问题,有人为wp-syntax加入了缓存机制,怎奈链接失效,后又在Github中找了一番,终找到,整体测试了一番,效果还是很明显的,启用了插件后,之前打开首页慢的问题再没出现。
为此困扰的童鞋们可以试试这个了,也是基于官方最新版的wp-syntax,下载附件安装即可。
修改:
不喜欢wp-syntax自带样式的,可以将wp-syntax/css目录下样式文件中自带的样式清空,加入以下:
.wp_syntax{ color:#100; background-color:#F7F7F7; border: 1px solid #EAEAEA; padding: 5px 5px; margin:0 0 1.5em 0; overflow:auto } .wp_syntax{ overflow-x:auto; overflow-y:hidden; padding-bottom:expression(this.scrollWidth>this.offsetWidth ? 15:0); width:99% } .wp_syntax table{ border-collapse:collapse } .wp_syntax div,.wp_syntax td{ vertical-align:top; padding:2px 4px } .wp_syntax .line_numbers{ background-color:#F2F2F2; color:gray; overflow:visible; text-align:right } .wp_syntax pre{ clear:none; float:none; font:font-family: "Courier New",clearSys; font-size:12px; line-height:1.5; margin:0px; overflow:visible; white-space:pre; width:auto; word-wrap:break-word }
即可。
当然,减少载入css文件,你可以将以上代码加入你主题的style.css文件中,让它同主题样式一起载入,然后修改wp-syntax插件文件:wp-syntax.php,第115行:
//add_action( 'wp_enqueue_scripts', array( __CLASS__, 'enqueueScripts' ) );
在其前方加入//,注释掉即可。
效果:
pre的字体我喜欢用consolas的
@小蝴蝶 会不会觉得拥挤。
@公子 不会吧 我特喜欢consolas 我电脑默认就这字体
@小蝴蝶 编程字体 。。。你用的是consolas和微软混合版吗?
@公子 @公子 是的是的!
@小蝴蝶 @小蝴蝶 我电脑上本来也是把宋体替换为这个作为默认字体的,但是有时候作图需要用到宋体,没办法,只能又换回来。
@公子 @公子 宋体?XP?我觉得XP的宋体比win7的宋体好看多了
@小蝴蝶 @小蝴蝶 对的啊,当时替换完在XP下的效果就像这张截图上的一样 http://cdn.zpc.me/gzwp/iix.Me_07_02_18.png 。后来换回来用了一段时间,也觉得,其实宋体挺好看的。
@公子 @公子 我用了一个字体渲染软件 现在离开它就活不下去 mactype 有空试试
@小蝴蝶 @小蝴蝶 好,有木有觉得mactype的的前身GDI++,效果更好点?
@公子 @公子 你也用过啊哈哈 GDI++兼容性没mactype好我觉得 以前GDI++不能渲染chrome chrome下字都破了
@小蝴蝶 @小蝴蝶 用过那么一段时间,就是替换字体后,后来回到宋体下就再也没用过了。。。后来体验mactype,不知道是xp下原因还是渲染配置方案没弄好,总觉得效果不尽人意。
@公子 @公子 可能不同系统效果不一样 我现在没它就无法直视一切
@小蝴蝶 @小蝴蝶 应该还是XP下效果还是不如win7的,看世间长了眼睛好累。你要爱护眼睛。
@公子 @公子
我左眼5.3右眼5.0
@小蝴蝶 @小蝴蝶 我去。。。这不科学啊。。。
@公子 @公子
@小蝴蝶 @小蝴蝶 早点休息~
@公子 @公子 晚安
@小蝴蝶 @小蝴蝶 晚安。
@小蝴蝶 我也喜欢consolas,我的notepad++用的consolas,eclipse也用的consolas
@yxiao 都是consolas控哈~
@yxiao 我播放器歌词面板也用的consolas 你试试 听英文歌的时候老好看了~~
内链是使用插件还是手动连接的呢
@刘荣焕 使用代码实现。http://www.gongzi.org/wordpresstagsneilian.html
你评论都变成弧形了
@梦月酱 都是我堆楼堆的哈哈哈哈哈哈哈哈哈哈
@小蝴蝶 工程在这。。。颁发最佳盖楼奖。
@公子 oh,no,功臣。
@梦月酱 盖楼效果呈现。。。 :mrgreen:
这种代码高亮插件的确挺拖加载速度的。。
@南寻 嗯,精简之。。。
还没用过这个插件
@集趣 能用代码的尽量别用插件。
高亮代码为啥拖速度?不就加载CSS么?
@tiandi 有些js很费时间的。。
我想问,这个修改的意义是在于不把wp-syntax的CSS加载到主题去,然后你这个显示代码还是和原来的一样形式的?只是加载的位置不同,对不对?
@杜小白 这个只是把CSS整合进了主题的样式文件中,但插件本身的缓存已经在插件中了,跟这个是没有关系的,整合CSS只是个个人习惯问题罢了。这个样式文件较自带的更加简洁一点。
减少CSS应该是最好的办法吧!
@沫小熙iBlog CSS倒还好说,主要是载入外部文件。。。
你的这个代码是用哪个插件来做的?
@创意大巴 就是 wp-syntax吗?
@创意大巴 没用代码高亮插件,使用代码实现。
即将要把这插件关闭了。
@未命名 可以用代码实现。。。关了也好。
@公子 是的。能代码完成 的就不用插件。
我的打开很慢,不知到这个怎么优化下
@ISOFTEE.COM 可以试试这个版本。。。