博客主题【vfhky 1.0】版本，使用google-code-prettify来对wordpress文章中的代码进行高亮美化。博主之前用过WP-CodeBox和Google Syntax Highlighter for WordPress插件，感觉还是不是很适合，而且延长了页面的载入时间。最后选择了google-code-prettify来作为博客代码高亮，注意它不是一款插件，无须在wordpress后台进行管理。

google-code-prettify官方使用方法是：

<pre class="prettyprint lang-php">代码</span>

里面的php就是你的代码所对应的语言种类，例如你要高亮C代码，那就把php改成c。使用方法很简单吧，下面是方法和效果示例：

1 在wordpress文章中使代码高亮

google-code-prettify支持html、css、php、asp、asp.net、js、c/c++等多种语言的代码高亮。在wordpress文章插入代码时，只需要添加相应的语言种类就行了。但有一点要注意，那就是把代码中的大于、小于这两个符号写成对应的html实体格式。

1.1 PHP代码高亮效果

例如要高亮PHP代码，保持lang-php就行了，效果如下：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

<?php
  echo "PHP代码高亮方法";
    <pre class="prettyprint lang-php"> 这里加入要高亮的PHP代码 </pre>

  echo "Javascript代码高亮方法";
    <pre class="prettyprint lang-js"> 这里加入要高亮的JS代码 </pre>

  echo "CSS代码高亮方法";
    <pre class="prettyprint lang-css"> 这里加入要高亮的CSS代码 </pre>

  echo "其它依此类推";
?>

1.2 JS代码高亮效果

例如要高亮javascript代码，把lang-php改成lang-js就行了，效果如下：

<script type="text/javascript">
  alert(new Date().toLocaleDateString());
</script>

1.3 CSS代码高亮效果

例如要高亮css代码，把lang-php改成lang-css就行了，效果如下：

.time1{float:right;margin:55px 70px 0 0}
#top2{background:#33363b;}

2 在文章评论中使代码高亮

在wordpress文章评论中使用google-code-prettify来高亮代码的方法和上面的方法是一样的，这里就不示例了。效果如下图所示：

3 附录：在文章或者评论中设置关键词高亮

wordpress文章内容或者评论内容的某些关键词高亮，效果如本文中蓝色背景的词语所示。只要在wordpress后台文章中使用：

<span class="highwords">关键词</span>