PIZn

      一直在寻在寻找一款代码高亮的插件，希望是找到轻量级的，可调控的，配色方案舒服的。

      这两天抽了点时间折腾了一下，终于搞定自己喜欢的几套配色方案。简单命名曰：ColorCode，主要是基于 JS 代码高亮的一些配色方案和辅助功能。

      这里介绍下。

实现原理：

      ColorCode 的核心渲染功能是采用了 DlHighlight  ，通过页面 DOM 结构加载完毕，获取 pre 标签，正则匹配出需要高亮的代码，在浏览器端重新替换掉。并且通过获取到的定义好的 pre 标签中的 class 类来判断是需要高亮的哪种语言（xml，html，javscript，css），来高亮代码。

      目前提供的语言有：xml， html， javascript， css。（个人只需要这 4 类，可以说比较轻量么？）

配色方案：

      其实，我的主要工作是配色方案和 DlHighlight 的一些 bug 的修复。

      个人提供的 4 套配色方案如下：

      1, knight

      这是我现在 vim 所采用的一套配色方案，比较喜欢。主要是黑色背景，各种鲜艳的高亮色彩。

      2,  moonfang

      这也是一套黑色背景的配色方案，但色彩相对 knight 来说灰度大了些，比较宁静，就像月光的痕迹一样，淡淡的舒服。

      3, nortrom

      这款采用白色背景，比较传统的编辑器都可能会有的一套配色方案。

      4, yurnero

      恩，这是最简单的一套配色，很清晰舒服。大部分人会喜欢这一套。

      如何呢？你喜欢这 4 宽配色方案么？请给我建议吧。

      我还会继续完善 ColorCode 这个项目的，会提供更多舒服的配色方案供大家使用。因为我发现现在不只一个项目需要用到这些代码高亮了。

在哪里能看到 ColorCode 的实例和地址？

      哈哈，请移步 PIZn‘s github blog，在这里我已经用上了。具体的 ColorCode 源代码在我的 Github 项目 ColorCode 中。

不足和后续支持：

      1, 将会提供代码复制功能。

      2, 要不要兼容 IE 9 以下？

      3, wordpress 插件。

      4, 更多配色方案。