常见的WordPress代码高亮插件

1、Google Syntax Highlighter for WordPress

一款帮助开发者/coder 发表代码片段更加简单和漂亮的插件。完全基于javascript。Google Syntax Highlighter目前还是博主们的流行选择。Google Syntax Highlighter 有一个文本化的工具栏,没有Syntax Highlighter家族那么花俏但是却功能一样。不过无法实现切换从可视模式到HTML模式。

2、Code Colorer

这是国人根据 Chroder.com 的 WordPress Code Highlight 插件修改而成的WordPress代码高亮插件。但 CoolCode 插件在它基础上修改了很多的内容。支持10多种语言代码,详情看作者的发布页。

3、Syntax Highlighter

一个使用可视化标记并且在不同模式之间切换还能工作的插件。一旦你在可视化模式粘贴代码,不需要加上转义字符,这是在可视化编辑模式下的优势。但是当我使用它自带的例子时,不管我怎么做,我都没有办法通过WP-SynHightlight为代码着色。

4、WP-Syntax

支持高亮、添加行序号,复制到剪贴板等功能

插件地址:http://wordpress.org/extend/plugins/wp-syntax

5、Raw HTML

最简洁的代码美化插件了吧应该是,运行在服务器端,也就说不写入js

插件地址:http://wordpress.org/extend/plugins/raw-html

6、Highlight Source Pro

支持高亮、添加行序号,同样运行在服务器端,也就说不写入js

插件地址:http://wordpress.org/extend/plugins/highlight-source-pro/

7、CodeHighlighter

支持高亮、可以修改CSS文件改变样式,样式简洁

插件地址:http://wordpress.org/extend/plugins/code-highlighter/

8、WP-CodeBox

支持高亮、添加行序号、下载代码、粘贴到剪贴板和代码折叠等功能,不知道为什么在我的博客上面为什么启用不了,大家用了的给提个建议

下载地址:http://downloads.wordpress.org/plugin/wp-codebox.zip

9、CodePress Plugin for WordPress

下载地址:http://downloads.wordpress.org/plugin/wp-codepress.zip

插件带来的问题

基本上安装上面的代码高亮插件,都会出现一个明显的现象,网站访问速度明显下降。其实大部分插件都是在代码中强行加入一些标签,然后用CSS定义样式,此外还需加载许多的JS,通过查看页面源文件可以清楚地看到。最大的问题是万一某天不用插件了,页面代码将全部显示乱掉。

想不用代码实现代码高亮,可以看下这篇文章《不用插件实现WordPress代码高亮显示》。

3 评论

发表评论

电子邮件地址不会被公开。 必填项已用*标注