google prettify 有两种玩法

方法一

页面引用 run_prettify.js

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js></script>

写代码用

<pre class="prettyprint linenums">
代码在这里！
</pre>

run_prettify.js 后面可以带参数:

• autoload= 是否执行（默认执行）
• lang=css 按 css 语言高亮（页面中需要加入 lang-css.js）
• skin= 用哪种 主题（颜色）如 Default,desert 等
• callback= 回调。每段 pre.prettyprint 执行完都调用。

方法二

自己站点引用

<link href="/js/google-code-prettify/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/js/google-code-prettify/prettify.js"></script>
<script type="text/javascript">
$(window).load(function(){
     $("pre").addClass("prettyprint");
     prettyPrint();
})
</script>

嫌每次 <pre class=”prettyprint”> 麻烦，所以用 jquery 加入（不需要 prettify 代码高亮的时候，直接 pre class=”prettyprinted”，这时代码就不会被加上颜色了），并执行 prettyPrint();

你现在看到的效果就是 我修改的 prettify 样式

不需要代码高亮的部分，这样写

<span class="nocode">&lt;div&gt;11111&lt;/div&gt;</span>

效果

<pre class="prettyprint linenums">
<div>11111</div>
<div>11111</div>
</pre>

输出行号

<pre class="prettyprint linenums">

从第8行开始

<pre class="prettyprint linenums:8">