最强代码高亮插件：Crayon Syntax Highlighter – WordPress插件

支持的语言

ABAP、ActionScript、AmigaDOS、Apache、AppleScript、Arduino、Assembly、AutoIt、C、C#、C++、CoffeeScript、CSS、Delphi/Pascal、Diff、(thanks、to、omniavin)、Erlang、(thanks、to、Daniel)、Go、Haskell、HTML、XML/XHTML、Lisp、Lua、Microsoft、Registry、MIVA、Script、Monkey、MS-DOS、MySQL、Java、JavaScript、Objective-C、Perl、PHP、PostgreSQL、PowerShell、Python、R、Ruby、Scheme、Shell(Unix)、Transact-SQL、TeX、Vim、Visual、Basic、YAML…

插件特点

✔集成主题编辑器

✔切换行号

✔复制/粘贴代码

✔在新窗口中打开代码

✔支持bbPress

✔自动获取博客文章/评论中的<pre>…</pre>进行高亮

✔远程请求缓存

✔可以在一个代码框内混合语言高亮显示

✔支持迷你标签，如 [php]…[/php]

✔可以在行内调用代码高亮

✔支持<pre>标记

✔手机/触摸屏设备检测

✔鼠标事件交互（例如在工具栏上双击可以全选代码）

✔Retina!

✔文件扩展名检测

✔设置实时预览

✔支持修改尺寸，边距，对齐方式，字体大小，行高……

选择Crayon Syntax Highlighter插件，还有一个很重要的原因，就是这款插件的易用性做的非常好。插件安装启用之后，文章编辑工具条中会多出一个按钮，点击这个按钮，然后将代码粘贴到弹出的窗口内，再选择几个参数，就完成了一段代码的高亮插入。

点击这个类似于HTML代码元素符号边界的按钮，就可以看到插入代码的窗口：

就是因为这个窗口，让代码插入文章变得简单轻松，各种参数可以随时调整，满足你个性化代码展示的需求。

安装设置

方法一：WordPress后台→插件→安装插件→搜索Crayon Syntax Highlighter插件，点击在线安装！（推荐）

方法二：或者下载后上传安装，下载地址：https://downloads.wordpress.org/plugin/crayon-syntax-highlighter.zip

将下载的文件解压，然后将解压后的crayon-syntax-highlighter文件夹 上传到/wp-content/plugins/目录，在插件后台启用即可；

方法三：进入后台插件安装界面，选择上传安装插件，并选择下载得到的zip压缩包即可；

WordPress后台→设置→Crayon，开始设置：

（这里只更改了插件默认设置的两个地方：一是设置了CSS样式主题，名字为familiar 。另一个是设置了一个排版的最大宽度为720px，其他保持默认就行了。）

配置界面有一个效果预览窗口，用于查看当前配置在页面的展示效果。

相关链接

最强代码高亮插件：Crayon Syntax Highlighter更改显示语言为中文 - WordPress教程