您好,欢迎光临! 推荐您使用Chrome浏览器访问本站。

WordPress官方推荐的代码高亮插件SyntaxHighlighter

SyntaxHighlighter Evolved

Easily post syntax-highlighted code to your site without having to modify the code at all. As seen on WordPress.com.

效果预览

syntaxhighlighter效果预览

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

安装

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

设置


syntaxhighlighter设置

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

使用

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

点击此处下载syntaxhighlighter.2.2.2

此外还有相关插件如:wp-codebox、codecolorer、wp-syntax有兴趣的朋友可google、baidu。

您可能也喜欢