国内玩博客的人大部分都是Geek，他们的特点大多是：个性，最求完美，而且或多或少懂些编程的知识。这就是为什么我在开发stblog的第一个版本就引入了代码高亮功能。

stblog的代码高亮采用JavaScript渲染工具SyntaxHighlighter，使用和Hack方法也与其一致。

具体来说，要在stblog中定制和高亮你所需的代码，仅需要在模板中添加和删除对应高亮语法JS文件即可。

比如，朋友 rockics提到，当他在后台编辑器中添加C++代码时出现如下弹窗错误：

“can't find brush for ：cpp”

这是因为没有引入Cpp的高亮语法，解决方法很简单。

用支持代码编辑的文本编辑器（请勿使用windows自带的记事本）打开模板文件：

./themes/default/footer.php

找到如下代码并修改：

<script type="text/javascript" src="<?php echo base_url(). ST_PLUGINS_DIR;?>/editor/syntaxhighlighter/scripts/shCore.js"></script>
 <script type="text/javascript" src="<?php echo base_url(). ST_PLUGINS_DIR;?>/editor/syntaxhighlighter/scripts/shBrushPhp.js"></script>
 <script type="text/javascript" src="<?php echo base_url(). ST_PLUGINS_DIR;?>/editor/syntaxhighlighter/scripts/shBrushXml.js"></script>
 <script type="text/javascript" src="<?php echo base_url(). ST_PLUGINS_DIR;?>/editor/syntaxhighlighter/scripts/shBrushCSharp.js"></script>
 <script type="text/javascript" src="<?php echo base_url(). ST_PLUGINS_DIR;?>/editor/syntaxhighlighter/scripts/shBrushCss.js"></script>
 <script type="text/javascript" src="<?php echo base_url(). ST_PLUGINS_DIR;?>/editor/syntaxhighlighter/scripts/shBrushJava.js"></script>
 <script type="text/javascript" src="<?php echo base_url(). ST_PLUGINS_DIR;?>/editor/syntaxhighlighter/scripts/shBrushJScript.js"></script>
 <script type="text/javascript" src="<?php echo base_url(). ST_PLUGINS_DIR;?>/editor/syntaxhighlighter/scripts/shBrushSql.js"></script>
 <script type="text/javascript" src="<?php echo base_url(). ST_PLUGINS_DIR;?>/editor/syntaxhighlighter/scripts/shBrushBash.js"></script>
 <script type="text/javascript" src="<?php echo base_url(). ST_PLUGINS_DIR;?>/editor/syntaxhighlighter/scripts/shBrushPython.js"></script>
 <script type="text/javascript">
  SyntaxHighlighter.config.clipboardSwf = '<?php echo base_url(). ST_PLUGINS_DIR;?>/editor/syntaxhighlighter/scripts/clipboard.swf';
  SyntaxHighlighter.all();
 </script>

加入你需要的高亮语法JS文件，比如这里是C++的，那么加入：

<script type="text/javascript" src="<?php echo base_url(). ST_PLUGINS_DIR;?>/editor/syntaxhighlighter/scripts/shBrushCpp.js"></script>

请注意以上shBrushCpp.js，这里是我们要引入的Cpp高亮语法JS文件。对应SyntaxHighlighter所支持的语法，请详见./st_plugins/editor/syntaxhighlighter/scripts目录或参考SyntaxHighilighter的说明。

修改完成后，请上传至服务器并覆盖掉原文件。

Update：本来修改模板文件可以在后台进行，不过现在发现在后台修改模板会将部分代码转义，从而使模板功能失效。这里证实是一个BUG（下一个小版本中修正），请手动修改并上传服务器。

此次优化主要集中对前端的优化，严格遵循Yahoo优化小组的这34个标准。由于涉及到大量的JS/CSS文件，所以优化的效果非常明显，YSlow给出的图标吾爱首页的评分是95。

另外，我将图标吾爱从IXWebhosting搬到了国内的易联主机。由于目前身处国外，暂时感觉不到有多少明显的变化，请国内的朋友帮忙测试下网站的响应速度。IXWebhosting最近似乎不是很稳定，经常出现掉包的现象，而且MySQL数据库反映缓慢（也有可能是我的网络的原因）。

说来很有意思，一个对设计并不擅长的代码工人现在却做了一个对设计要求比较高的图标搜索站。我也不知道自己对这个站的愿景是什么，也不对它的发展抱多大的期望，但是我总希望自己能够为国内UI和UED的发展做出些什么，虽然我只是个程序员:)

在未出国之时，我就发现国内的网站相比国外，普遍不重视网站的User Interface、Web Accessibility和Web Usability。到了国外，这种感觉就更加强烈了，就拿银行业的网站来说，国内有多少个银行网站能够兼容所有主流浏览器的？似乎很少，于是就有了用户为了使用网银而特地打开一个IE浏览器的笑话。再比较一下国内某著名航空公司和澳洲某著名航空公司网站的界面设计和用户体验，你就不难发现其中的差距。

而我认为，图标作为Web设计中重要的一个细节，对UI设计应当有相当大的改善和促进作用。很多时候，一个图标的有效表达可抵千言万语。

额……似乎写着写着就跑题了，就到这里吧。

具体升级细节Ver 0.1.1：

1、开启整站GZIP压缩

2、修正ICO图标下载失败的BUG

3、整合多个CSS文件至单一CSS文件

4、重写搜索、分词、智能提示（？）的核心算法

5、压缩所有JS CSS文件

6、检查整站是否存在安全漏洞

7、加入DB Cache功能

总的来说，是在做性能优化，不过由于主机用到是IXWebHosting，国内访问速度还是慢。等有空了，开始租用国内的LINUX主机，做下调查先。

下一步将直接升级到Ver 0.2，以功能升级为主：

1、加入Favicon在线生成

2、加入图片格式在线转换