WordPress中无插件高亮 google-code-prettify

首先上官网下载最新的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>');
  • 用支付宝打我

男、80后、简单最好。

发表评论

电子邮件地址不会被公开。 必填项已用*标注