Wordpress 的 Google Code Prettify 代码高亮效果

在众多 Wordpress 代码高亮插件当中, Google Code Prettify 的代码高亮最让人舒服了, 简洁高效, 不用复杂的操作。

1.只需要在主题头部插入 prettify.js 和 prettify.css 文件.

<link rel="stylesheet" type="text/css" href="prettify.css">
<script type="text/javascript" src="prettify.js"></script>

2.然后在 body 标签里边加上
onload="prettyPrint()"

3.接着在发布文章的时候，在 pre 标签里边添加你想高亮的代码即可。
例如：

<pre class="prettyprint">
code here
</pre>

加入 linenums 参数可以显示代码行数。
例如：

<pre class="prettyprint linenums">
 Many
 lines
 of
 code
</pre>

更多技巧需求可以参考 Google Code Prettify 代码高亮开源项目组 https://github.com/google/code-prettify
如果懒就直接去 Wordpress 官方插件网站找个插件即可, 还有就是一些主题大多会直接内置这个功能需求了。