prettify 代码高亮着色器google出品

在标签之间加入这两行代码:

复制代码 代码如下:


2.调用 prettify.js 实现代码高亮

在 body 标签上添加调用方法,如下:



将你需要高亮显示的代码片断放在

标记里,如下:

  @*你的代码片断*@

使用 jQuery 小技巧实现优化

上述方法可以实现代码的高亮,但每次手动为

标签添加"prettyprint"类,显示有些麻烦。使用下边的代码片断来解决这个问题并替换掉 body 的"onload"的事件,实现分离:

$(window).load(function(){
   $("pre").addClass("prettyprint");
   prettyPrint();
})

到这我们应该已经成功使用 prettify.js 实现了代码的高亮显示,为了提高页面加载速度,我们应该将引用的 js 文件放置在底部

你可能感兴趣的:(prettify 代码高亮着色器google出品)