我想一定有许多朋友跟我一样 曾痛苦的找过各类WordPress代码高亮插件或方法,但很多都存在一些问题,比如复制代码时行号被复制、代码高亮严重拖慢速度、代码会自动运行或消失、编辑文章时不能在可视化编辑和HTML模式自由切换、重新编辑文章后高亮代码消失、插件产生大量垃圾、卸载插件后代码全乱…………
这里给大家介绍三个我使用过的,还记得的,觉得不错的WordPress代码高亮插件,并做一个简要的点评,希望方便WordPress博客朋友!
首先说明,同比众多的WordPress高亮代码插件,这三款插件都不是那么的华丽,但却具备了很实用的功能。注意:无论你使用哪款插件,请先处理WordPress代码半角引号变全角问题!这是你用WordPress建站并喜欢折腾代码的必备工作!
此前,WordPress教程网给大家介绍了这款
Syntax Highlighter and Code ColorizerWordPress代码高亮插件,虽然久未更新,但效果不减当年啊!
一:WordPress代码高亮插件:wp-syntax
果图如下:支持多语言、行号、横向竖向滚动条
点评,这款WordPress代码高亮插件也灰常不错,安装后直接启用即可。在可视化编辑和HTML下自由切换,并且在Windows live writer中还提供了该插件的插件,用live writer写也非常方便。
使用方法:<pre lang=”php”>code</pre>
二:WP-SynHighlight 代码高亮插件
先看效果图:支持多语言、行号、横向竖向滚动条、展开收起
点评:这款安装后会在WordPress后台编辑器中生成一个代码插入按钮,使用非常方便。输出的代码展示在一个代码输出框内,有横向和树向滚动条。
最重要的是能够在可视化和HTML模式下任意转换,无论在哪种模式下编辑代码都能够高亮,即使你是使用livewriter可视化编辑,但注意一点使用Windows live writer编辑时注意,某些代码能够自动运行,所以这款插件比较适合喜欢在WordPress后台写博的朋友,本站目前使用的是这个插件。这款插件比较大,1.9MB 。
使用方法,后台直接点击插入按钮,或输入以下代码,注意把【】换成[]
【codesyntax lang=”php”】
你的代码
【/codesyntax】
三:WordPress代码高亮插件codecolorer
顾名思义,这款插件的代码着色效果肯定非常棒!支持多语言、行号、横向竖向滚动条 支持RSS输出代码高亮。
点评:使用这款插件的人非常的多!高亮代码给我的第一感觉就是 非常温柔体贴、情切舒服。遗憾的是貌似这款插件不能在可视化编辑和HTML下切换,我用live writer测试时是这样,有兴趣的朋友可以自己试试看。
注意,code colorer这款插件可能会与WordPress后台下拉管理插件Admin Drop Menu 造成冲突。你可以下载我本站收集的codecolorer修改版。另外,很多代码高亮插件彼此是不兼容的,请不要混用。
使用方法有两种
(1)<code lang=”language”> yourcode <code>
(2) [ cc lang="lang"]code[/cc]
以上这三款插件总体来说还是比较不错的,欢迎大家继续补充和指点错误。