正在查看: 项目日志 分类下的文章(第 1 页 / 共 4 篇)

在Stblog中定制你的代码高亮功能

首先感谢目前正在使用stblog的朋友,正是你们的使用和批评才有了我不断改进->思考->改进的动力。当前版本还有诸多BUG和不完善的地方,我会在最近发布一个新的patch修正和完善这些功能。希望大家多提建议,感谢大家!

国内玩博客的人大部分都是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设计应当有相当大的改善和促进作用。很多时候,一个图标的有效表达可抵千言万语。

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

Tags: icon52

修改了几个BUG,图标吾爱升级版本0.1.1

这几天抽空对图标吾爱的源码进行了完善,主要以解决BUG和算法升级为主。

具体升级细节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、加入图片格式在线转换

新项目:图标吾爱上线

图标吾爱,一个中文图标搜索引擎。

这个网站是我前不久花了断断续续一个多月时间策划和编码制作出来的新站,没有预期它能给我带来多大的作为,仅作为编程的练手以及积累网站运营的经验。

当然,做这个图标搜索站也是有目的性的。

我发现目前国内虽然关于素材的站点很多,但它们普遍存在以下几个问题:

1、图标质量低下。

2、没有对图标进行很好的分类和索引,这就会导致:用户可能仅仅需要搜索某个特定图标,但由于网站没有提供一个良好的索引和检索方式,导致用户需要花费大量的时间和精力浏览很多并不相关的页面,分散注意力,效率低下。

3、用户体验不够好。这实际上是上面说的第二点相关联。

4、不尊重版权。这是一个开放的互联网时代,不尊重版权就意味着杀鸡取卵,自断后路。

图标吾爱的出发点就是改进上述不足,以增强用户体验为主。稍后还会推出一系列与图标处理相关的服务,比如Favicon生成、在线格式转换等非常实用的功能。

图标吾爱总的设计思想是:为每个图标添加多个元标记,我称之为meta tag,然后将此标记与每个图标相关联。而元标记的添加,我采用了开放的理念,由用户自行添加,后台审核。当元标记足够多足够精确之后,检索的质量就自然提高了。

我的目标是,在10秒之内,让用户搜索到自己期望的图标

目前图标吾爱租用的是美国的服务器,可能速度较慢,稍后会将它转移到国内的IDC上,正式运行。

最后,希望有兴趣的朋友,和我共同维护这个项目。要求只有一个:不是奔钱而来的,对网站维护有一定经验(这个网站正处于并将长期处于赔本阶段)。