如何在wordpress文章插入代码并高亮显示

一直以来在wordpress发布文章的时候不管代码的显示格式，都是按普通的文章本格式来发布的，但后来

发现这样的发布使得代码非常之不美观，又不方便阅读，这样对用户的体验非常不好，所以在网上找了

一些解决代码在文章中高亮显示的方法，经过几次的测试，觉得使用CodeColorer这个插件来实现比较方

便，而且高亮代码显示非常美观，下面给大家讲讲如何使用这个插件。

1、既然是用插件为实现的功能，那么第一件事就是安装这个插件了，详细的安装方法可以参照：

wordpress插件CodeColorer的下载与安装

2、安装好CodeColorer后在wordpress管理后台的设置里面有个CodeColorer选项，点击进去进行配置，

一般情况下只需要将“宽度”设置成您站点文章的宽度就行了。如果希望显示的高亮代码前面显示行号

的话，可以勾选一下格式化里的“显示行号”

3、在发表文章的时候先在可视化界面编辑好所有文字内容，然后切换到文本界面，在文本界面找到你需要添加高亮代码的地方插入以下标签：<code lang=”php”></code>，在<code lang=”php”></code>标签之间插入您需要显示的代码，然后保存文章就可以了。当然您也可以开启CodeColorer的可视化插入代码功能，只需要修改插件目录下的codecolorer.php 文件即可。下面是需要修改的代码，只需要将代码前面的//注释符去掉就可以了。

第一步：首先从网上下载出WordPress的插件Wp-syntax。

第二步：在编辑文章时，使用HTML的编辑方式插入以下代码<pre lang=”LANGUAGE” line=”0″>//“line为1时表示显示行号”</pre>，中间插入要插入的代码即可，LANGUAGE改为语言类型，例如php、java。line为0不显示行号，为1时显示。

附：支持的语言如下：abap, actionscript, actionscript3, ada, apache, applescript, apt_sources, asm, asp, autoit, avisynth, bash, bf, bibtex, blitzbasic, bnf, boo, c, c_mac, caddcl, cadlisp, cil, cfdg, cfm, cmake, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, erlang, fo, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode lotusformulas, lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php, plsql, povray, powershell, progress, prolog, properties, providex, python, qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, whois, winbatch, xml, xorg_conf, xpp, z80

我知道的显示行号有两种方案

方案一：按回车换行符 对字符串行依次进行截断，并在行前加行号数字。

方案二：将回车换行符替换为<li>、<ol>等列表标签，再在CSS将相应规则定为有序号列表模式。

至于关键字高亮，只需使用正则匹配后将该关键字加个标签，再在CSS里设置高亮的规则即可。

---