企业网站优化 » 技术与编程代码

ID #1127

wordpress官方推荐的代码语法高亮插件

      最近在弄wordpress博客，有些东西比较好，于是分享收藏给大家，今天给大家介绍一款不错的wordpress高亮插件，同时它也是wordpress官方推荐的代码语法高亮插件。在选择的过程中，我对比和试用了若干个代码高亮wordpress插件，包括有国人开发的wp-codebox、codecolorer、wp-syntax等，但这些插件不是很久没有更新和最新的wordpress不兼容导致安装不上，就是功能无法满足我的要求。直到我在wordpress官方网站支持文档里看到了我要的效果，以及在文章最后找到了wordpress推荐的代码高亮插件。

 

 

效果预览

syntaxhighlighter效果预览

 　　

 

 

         该插件是基于开源的js组件Alex Gorbatchev’s SyntaxHighlighter实现的，代码高亮效果实在是湿水的棉花－没得弹的！而且放鼠标到代码区域，右上角还会显示复制代码、查看代码、打印代码等的功能键，而这也是其他插件所不具备的。

 

 

安装

　　可以去插件首页直接下载进行安装，或者搜索关键词“SyntaxHighlighter Evolved”，选择排在第一位的进行安装。

设置


syntaxhighlighter设置

　　安装完插件后，可以对插件的相关选项进行设置，该插件可以实现SyntaxHighlighter的2.x和3.x版本之间进行切换，建议选择2.x版本，因为经试用，发觉只有2.x版本的才支持放鼠标到代码区显示复制、查看、打印代码的按钮。

使用

　　在需要插入代码的文章里用与代码相符的标签把代码包起来，例如需要插入css代码，则只需要用[/css]及其闭包把代码包围起来就行，在插件设置页面后面有一些简单的示例可以参考，如下图：

syntaxhighlighter使用

　　在使用该插件的过程中遇到任何问题，可以留下评论，大家帮忙解决。

喜欢这篇文章吗？那就点击按扭分享她吧！

Tags: wordpress, 高亮插件

相关项目: -

更新日期：2011-12-22 09:18
作者：: admin
修订: 1.0

Digg it! Share on Facebook 打印 发送给朋友 输出为PDF文件
Propose a translation for Propose a translation for
请给问答评分：

平均分： 0 (0 Vote)

(完全没有价值) 1 2 3 4 5 (非常有价值)

你可以对此问答发表评论


包月网络电话