今天有人私聊时问到网站代码高亮是怎么实现的？我简单回答了下用的是 Google code prettify。一会他又说https://code.google.com/p/google-code-prettify/打不开，我回答 Google 现在的服务都被屏蔽了，红杏科学上网自己斟酌，我也是免费用着别人开通时赠送的^_^，几乎每天都有人开通VIP，悲哀。
prettify 非常小巧且配置简单，使用它来实现代码的高亮显示是个不错的选择，好人做到底，我下载了最新的 google code prettify。下边我们简单看看 prettify.js 的使用方法.精心开发5年的UI前端框架！
1.引入 jQuery 文件和 prettify.js 文件
- <script src="http://libs.baidu.com/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
- <script src="http://www.jquery001.com/js/prettify.js" type="text/javascript"></script>
2.调用 prettify.js 实现代码高亮
在 body 标签上添加调用方法，如下：
- <body onload="prettyPrint()">
- </body>
将你需要高亮显示的代码片断放在<pre>标记里，如下：
- <pre class="prettyprint">
- @*你的代码片断*@
- </pre>
使用 jQuery 小技巧实现优化
上述方法可以实现代码的高亮，但每次手动为<pre>标签添加"prettyprint"类，显示有些麻烦。使用下边的代码片断来解决这个问题并替换掉 body 的"onload"的事件，实现分离： 精心开发5年的UI前端框架！
- <span style="color: #000000;">$(window).load(function(){
- $("pre").addClass("prettyprint");
- prettyPrint();
- })</span>
到这我们应该已经成功使用 prettify.js 实现了代码的高亮显示，当然代码的配色大家可以自己来定，网上也有不少的配色方案。为了提高页面加载速度，我们应该将引用的 js 文件放置在底部，大家可以参考下本站的放置方法。
相关推荐
总结，谷歌的Prettify插件是网页开发中增强代码可读性的得力工具，通过简单的步骤就能实现代码高亮，同时具备一定的自定义能力，满足多样化的项目需求。无论是个人博客、技术文档还是开源项目，都可以从中受益。通过...
Google Code Prettify 是一个由 Google 开发的开源 JavaScript 库，主要用于网页上代码的语法高亮显示。这个工具能够自动识别多种编程语言，并将源代码格式化为色彩鲜明、易于阅读的形式，提升代码在网页上的展示...
用户只需在HTML中添加一个`<pre>`或`<code>`标签，然后在标签内放入要展示的代码，再引入`google-code-prettify`库，即可自动实现代码高亮。 使用"google-code-prettify" 非常简单，开发者可以通过以下步骤将其集成...
总的来说，Prettify 是一个简单易用且高效的代码高亮解决方案，适合那些希望快速实现代码美化而不需要复杂配置的开发者。通过 CSS 的灵活调整，你可以让代码在网页上展现出专业且美观的展示效果。
**自动语法高亮——google-code-prettify** `google-code-prettify` 是一个轻量级的...以上就是关于`google-code-prettify`的基本介绍，它是一个简单实用的代码高亮工具，适用于快速实现网页代码的美化显示。
color-themes-for-google-code-prettify, Google Code 美化的语法高亮颜色主题 用于 Google Code 美化的颜色主题Google Code 美化美丽色彩主题的选择。 演示...
Prettify是一个JavaScript库，通过添加CSS样式来实现代码的高亮显示。它的主要优点包括轻量级、高效以及对多种编程语言的支持。Prettify不依赖任何外部库，如jQuery，因此在页面加载速度方面具有优势。 2. **安装...
总的来说，Typecho-CodePrettify 是一款提升 Typecho 博客代码展示体验的优秀工具，它通过集成 Google Code Prettify 实现了高效、美观的代码高亮，使得技术分享变得更加专业和吸引人。同时，结合 jQuery 的使用，...
WordPress代码高亮插件WP-googlecodeprettify一个基于Google Code Prettify实现的WordPress代码高亮插件，在TinyMCE编辑器中提供了一个插入代码的按钮。在文本编辑器中，加入了pre-js，pre-css，pre-html 3个快捷...
本文将详细介绍如何在Bootstrap项目中使用Google Prettify实现代码高亮。 首先，要引入Google Prettify库，有两种方式： 1. 下载：你可以从Google Code仓库（http://code.google.com/p/google-code-prettify/）或...
`google-code-prettify`是一个简单易用的代码高亮库，适用于快速在网页中展示格式化的源代码。通过理解其基本用法、样式定制以及语言扩展，你可以轻松地为你的项目增添专业且美观的代码展示功能。无论是个人博客还是...
`code-prettify`是由Google开发的一个轻量级的JavaScript库，它的主要目标是使网页中的源代码片段看起来更整洁、更易于阅读。`code-prettify-master`是这个库的一个版本，包含了完整的源码和示例，便于开发者理解和...
总之，"CKEditor4.3.4增加插入高亮代码插件_整合版"是一个集成了代码高亮功能的富文本编辑器，通过与Google Code Prettify的配合，使得在网页上展示和编辑代码变得更加便捷和美观，对于需要频繁处理代码内容的网站或...
Google Code Prettify是Google开发的一个轻量级的代码高亮库，主要用于在网页中优雅地展示源代码。它能够自动识别多种编程语言，并对代码进行格式化和颜色标记，使得代码更易于阅读。这个Bower软件包是将Google Code...
Google Prettify是一个强大的JavaScript库，它能够自动格式化和高亮显示代码片段，使得代码在网页上展示时更具美感，便于阅读和理解。这个工具对于博客作者、开发者以及那些需要在线分享代码的人来说尤其有用。 ###...
link href=”http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css” rel=”stylesheet” type=”text/css”/> [removed] 将<body>改为： 代码如下: <body onload=’pre