I'm L.F

首先上官网下载最新的google-code-prettify：https://code.google.com/p/google-code-prettify/
把CSS和JS文件放在某个能访问的文件夹下，然后在主题的header.php中引用css：

在footer.php中引用js：

<script type="text/javascript" src="/wp-includes/js/jquery/jquery.js"></script>
<script src="/wp-content/themes/prowerV4/prettify/prettify.js" type="text/javascript"></script>

然后差一句调用pretty的话：

<script type="text/javascript">
jQuery(document).ready(function () {
jQuery("pre").addClass("prettyprint linenums");
prettyPrint();
});
</script>

这里给所有的<pre>标签添加prettyprint linenums类，linenums表示显示行数 。然后prettyPrint来分析代码并上色。

这样以后写文章时用<pre></pre>包围代码代码块，就可以看到上色的效果了。

那么原来的文章怎么办？当然是直接在数据库里替换了。文章的数据在wp_posts中的post_content，我原来的代码块都是用[code][/code]包围的，所以首先查一下[code]和[/code]的数目是否相等，分别执行下面两句话：

SELECT * FROM `wp_posts` WHERE `post_content` like '%[code]%';
SELECT * FROM `wp_posts` WHERE `post_content` like '%[/code]%';

如果不想等，得找出在哪些地方不同，然后修改之。等相同后，执行下面两句来替换：

UPDATE `wp_posts` SET `post_content` = replace(`post_content`,'[code]','<pre>');
UPDATE `wp_posts` SET `post_content` = replace(`post_content`,'[/code]','</pre>');