首先上官网下载最新的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>');
发表评论