给micolog加上“轻”亮的高亮代码google-code-prettify。 - Angel's Blog.

一直想给micolog 添加一个高亮程序，高亮的优点就是看起来比较美观且清晰，我的micolog 也是从昨天开始从老版本的rc1 升级到rc2 ，很多东西都重新折腾一遍（再次感谢“Beyond Compare”这枚优秀的对比软件），顺便想添加这个方法其实是从 dengmin’s blog 那里转来的，只是想更详细的说明下怎么去添加它：

首先要解决两个问题：

1）解决高亮的显示在micolog 中；

2）解决如何更方便的粘贴代码、减少代码高亮的体积（micolog 在rc2 已经支持了HighSyntax ，但是体积相对有些大，尤其是在释放的时候）。

好了，下面我来详细的说明怎么去添加：

step1：调用prettify 的js 库和css 样式：

<link href="/static/prettify/prettify.css" rel="stylesheet" />
<script src="/static/prettify/prettify.js"></script>

step2：在你所使用主题的模板下（例如iNovetemplates）的base.html 中，在和标签之间添加jQuery代码：

<script>
        $(document).ready(function(){
        prettyPrint();
        })
</script>

上述步骤完成，其实就已经完成了问题1），问题1）中使用高亮代码的方法就是在你粘贴到micolog 的代码，需要放到 

之间，这样pretty 就会自动的渲染。

但是问题也来了，这样每一次粘贴代码到micolog 中来public 的话，会很麻烦的，所以， 一定要合理的解决问题2）。

step3：这里需要一个插件（请猛点击这里下载），下载完毕，将解压出来的 prettify 文件夹，copy 到micolog 项目的根目录tinymce压缩包里的plugins目录下。

step4：配置tinymce，分别在：①plugins 中加入prettify；②theme_advanced_buttons1 中加入prettify 。

配置方法很简单，修改根目录的 viewsadmin 下的entry.html ，务必将上述的①和②按照要求添加进去就ok了（prettify 可以添加到”syntaxhl“后面，记得用英文逗号隔开）。

效果图如下：

点击图中被圈住的图标，然后显示出一个对话框：

大功告成！