我想一定有许多朋友跟我一样 曾痛苦的找过各类WordPress代码高亮插件或方法,但很多都存在一些问题,比如复制代码时行号被复制、代码高亮严重拖慢速度、代码会自动运行或消失、编辑文章时不能在可视化编辑和HTML模式自由切换、重新编辑文章后高亮代码消失、插件产生大量垃圾、卸载插件后代码全乱…………

这里给大家介绍三个我使用过的,还记得的,觉得不错的WordPress代码高亮插件,并做一个简要的点评,希望方便WordPress博客朋友!

首先说明,同比众多的WordPress高亮代码插件,这三款插件都不是那么的华丽,但却具备了很实用的功能。注意:无论你使用哪款插件,请先处理WordPress代码半角引号变全角问题!这是你用WordPress建站并喜欢折腾代码的必备工作!

此前,WordPress教程网给大家介绍了这款

Syntax Highlighter and Code ColorizerWordPress代码高亮插件,虽然久未更新,但效果不减当年啊!

一:WordPress代码高亮插件:wp-syntax

果图如下:支持多语言、行号、横向竖向滚动条

wp sytanx

点评,这款WordPress代码高亮插件也灰常不错,安装后直接启用即可。在可视化编辑和HTML下自由切换,并且在Windows live writer中还提供了该插件的插件,用live writer写也非常方便。

使用方法:<pre lang="php">code</pre>

二:WP-SynHighlight 代码高亮插件

先看效果图:支持多语言、行号、横向竖向滚动条、展开收起

wordpress代码高亮插件WP-SynHighlight

点评:这款安装后会在WordPress后台编辑器中生成一个代码插入按钮,使用非常方便。输出的代码展示在一个代码输出框内,有横向和树向滚动条。

最重要的是能够在可视化和HTML模式下任意转换,无论在哪种模式下编辑代码都能够高亮,即使你是使用livewriter可视化编辑,但注意一点使用Windows live writer编辑时注意,某些代码能够自动运行,所以这款插件比较适合喜欢在WordPress后台写博的朋友,本站目前使用的是这个插件。这款插件比较大,1.9MB 。

使用方法,后台直接点击插入按钮,或输入以下代码,注意把【】换成[]

【codesyntax lang="php"】

你的代码

【/codesyntax】

三:WordPress代码高亮插件codecolorer

顾名思义,这款插件的代码着色效果肯定非常棒!支持多语言、行号、横向竖向滚动条 支持RSS输出代码高亮。

codecolor

点评:使用这款插件的人非常的多!高亮代码给我的第一感觉就是 非常温柔体贴、情切舒服。遗憾的是貌似这款插件不能在可视化编辑和HTML下切换,我用live writer测试时是这样,有兴趣的朋友可以自己试试看。

注意,code colorer这款插件可能会与WordPress后台下拉管理插件Admin Drop Menu 造成冲突。你可以下载我本站收集的codecolorer修改版。另外,很多代码高亮插件彼此是不兼容的,请不要混用。

使用方法有两种

(1)<code lang="language">  yourcode  <code>

(2) [ cc lang="lang"]code[/cc]

以上这三款插件总体来说还是比较不错的,欢迎大家继续补充和指点错误。