ColorCode 是一款 Javascript 代码高亮插件，为您的代码提供多种配色方案，支持 html，css，javascript 和 xml 语言。
基本工作原理
作为客户断的代码高亮插件，ColorCode 的工作原理大致如下图：
- 页面加载完成，脚本自动搜索带有
name值为colorcode的pre标签。 - 获取其
class，根据class的名称检索对应的匹配算法。 - 生成对应输出代码，在样式的渲染下显示不同的代码高亮。
如何使用
在需要使用代码高亮的页面，加载 ColorCode 的 JS 和 CSS，并进行实例化。
对应的文章内容写上下面的代码片段即可：
<pre class="js" name="colorcode"> /** * 你需要写得代码 */ </pre>
这样之后，在页面就可以渲染成你想要得代码高亮主题了。
WordPress 插件
去年 11 月份的时候写的第一版本，已经很久没更新了。昨天更新一个样式 lotus，再把文章更新一遍。
下载页面: ColorCode
在 WordPress 里安装之后，在设置栏目里有 ColorCode 的定制设置。截图如下：
- 代码高亮依赖的样式有 "html", "js", "css", "xml" 。
- 选择你喜欢的样式表，有 "knight", "moonfang", "nortrom", "yurnero" 和 "lotus" 。
- 还提供随机选项，会随机取得一个样式表。
- 是否显示行号。
开源代码
ColorCode 的 GitHub 项目地址为：这里
ColorCode 是一个代码高亮配色方案的集合，支持静态页面，wordpress 或编辑器上的 html，css，js 语言的代码高亮。
欢迎一起改善这个 ColorCode 哈！
ScreenShot
knight style
moonfang style
nortrom style
yurnero style
lotus style
后续计划
代码高亮的核心代码其实是取自 DlHighlight ，已有 jQuery 版本，后续会更新和优化核心代码。
也有使用者反馈设置 html 高亮的时候，< 和 > 的转义比较麻烦，恩，后续会解决。
