@H_301_0@ google-code-prettify 是最棒的代码高亮插件，一点也不过分，因为它是谷歌官方插件，以前在国内使用非常火爆，现在由于你懂得，我们今天如果把它手动安装在我们的主题下，用起来非常酷，并且我们把它集成在wordpress编辑器中，使用方便，这里给你提供了所有的代码和样式供你下载。文章最后提供百度网盘下载。
@H_301_0@
一、文件介绍
@H_301_0@下载后解压包里主要的两个文件， pretty.css 和 pretty.js我们要在主题下面把它引入到我们的主题为了对多语言的支持，我们在 google-code-prettify 文件夹下面放了所有官方语言支持文件，你可以这样，把解压后的google-code-prettify 文件夹放在你的主题的根目录下，不是网站根目录，是这样滴 wp-contentthemes主题文件夹google-code-prettify，当然你也可以直接放在主题根目录下面，这主要影响你下面的文件引入路径，这不是主要的。@H_301_0@二、引入文件
@H_301_0@1、在主题的header.PHP文件的在< head> 标签中引入 pretty.css 文件：@H_301_0@<link href="<?PHP bloginfo('templatedirectory'); ?>/google-code-prettify/prettify.css" type="text/css" rel="stylesheet" />@H301_0@2、 在主题的header.PHP文件的在< head> 标签中引入 jquery.js文件,因为要依赖于jquery。@H_301_0@<script type="text/javascript" src="<?PHP echo homeurl(''); ?>/wp-includes/js/jquery/jquery.js"></script>@H301_0@如果主题已经引入 jquery.js，上一行可以删除，wordpress都已经引入了jquery,其实是可以省略的。@H_301_0@3、 在主题的header.PHP文件的在< head> 标签中引入 prettify.js文件。@H_301_0@<script type="text/javascript" src="<?PHP bloginfo('templatedirectory'); ?>/google-code-prettify/prettify.js"></script>@H3010@4、初始化prettify@H3010@<script type="text/javascript">@H3010@jQuery(document).ready(function () {@H3010@jQuery("pre").addClass("prettyprint linenums");@H3010@prettyPrint();@H3010@});@H3010@</script>@H3010@三、重要说明
@H301_0@1、我们为了代码执行效率，不主张以上引入方法，你可以参考 wordpress引入css/js两种方法@H_301_0@2、我们已经把初始化代码放到jquery.js文件的最后，所以第四步初始化就不需要了。@H_301_0@3、在初始化时，由于加入了 addClass所以你在引用时，比如每次需要插入代码的时候，我们只需要插入 <pre>你的代码 </pre> 就可以。@H_301_0@4、也就是说，你只需要引入两个文件pretty.css，prettify.js@H_301_0@5、会自动识别你的语言，不要在设置语言格式，默认添加了行号。@H_301_0@四、集成到wordpress文本编辑器
@H_301_0@将以下代码拷贝到主题的 functions.PHP 文件中：@H_3010@/*@H301_0@添加pre到HTML编辑器自定义标签按钮@H_301_0@/@H_301_0@add_action('admin_print_footer_scripts','egquicktags');@H301_0@function egquicktags() {@H3010@?>@H3010@<script type="text/javascript" charset="utf-8">@H301_0@QTags.addButton( 'eg_pre','pre','<pre>代码代码代码n</pre>','','q' );@H_3010@</script>@H301_0@<?PHP@H_3010@}@H301_0@效果如下图：@H_301_0@