WordPress代码高亮插件SyntaxHighlighter设置教程

WordPress写文章的时候会发一些代码，这些代码的形式很多，有php, JS, Javescript等等，发表文章以后发现样式很不美观，我需要一款实现代码高亮的插件，我知道SyntaxHighlighter Evolved这款代码高亮插件可以实现我想要的形式。安装SyntaxHighlighter Evolved以后，不知道怎么使用，感觉和想象中的差距很大。

经过我自己的搜索和摸索后，终于学习了一些使用和设置方法，我将学习的SyntaxHighlighter Evolved安装和设置分享出来。（你也可以从百度搜索获得更多的内容）

一、安装SyntaxHighlighter Evolved

二、SyntaxHighlighter 设置

插件提供两个版本选择：Version 3.x / Version 2x

颜色主题有8+种

可设置显示行号、工具条、收起代码框等等

一般选择默认即可有效果，需要个性选择时再做设置。

我安装SyntaxHighlighter Evolved后，发现自己安装的是英文版，相信大家跟我一样英文没有好好地学习，下面我又配一张中文版的设置图片，方便大家设置。

当然也只是部分汉化了，通过上面的中文，我也了解了大部分内容，设置起来方便多了。

三、SyntaxHighlighter 部分代码颜色主题显示效果

四、SyntaxHighlighter 使用方式

在编辑器中插入简码如下，使用时去除@符号即可：

[@php] 这里写你的代码 [/php]

html文本模式下编辑：

可视化模式下编辑：

最终显示效果：

将代码复制在简码中间，即可正常显示。一般推荐在html文本编辑模式下使用，但我试用了一下，基本在可视化编辑时使用也不没有出现变化。可视编辑与html编辑转换没不像之前的插件一样有变化。当然，复杂的代码还是推荐使用html文本编辑模式。

一些简码示例

我通过学习SyntaxHighlighter的使用方法，只掌握了一些基本的设置方法，大家可以自行搜索或者尝试更多的设置技巧，希望这款代码高亮插件能够给你写Wordpress文章时带来方便。