works

sablog转换成typecho了。sablog仍然保留，感觉sablog的速度那是相当的快，舍不得啊，就是加独立页面麻烦些。typecho虽然慢了点，但是制定比较方便。两个都是优秀的程序，两个都用。

新制作的模版用html5、css3，使用了css3的很多效果: Border Radius、Box Shadow、Text Shadow、RGBA、Transitions、Gradients，还有目前只有webkeit内核支持的text-stroke。

基于蓝色调的，所以命名：K Blue
特点：
1、基于html5、css3，使用了很多css3的特性。在实现css3效果的同时尽可能的让其他浏览器保持效果一致。
2、此风格没有使用一张图片，一个小图标是base64存在css里面，令一个是头部的高亮，cr、ff可以直接渲染，op需要svg，但是还是不能打到满意的效果，所以为ie9/8、op准备了一个base64的图。由于ie6/ie7不支持data uri，MHTML在这里也显得没必要，就设置ie6/ie7使用默认样式了，效果差距不太大。所以这个模版，无论那种浏览器，加载页面的样式只有一个css的连接数。
3、由于各浏览器对css3的支持不同，按显示效果由好到差：chrome/safari>firefox3+>oprea>ie9>ie8>ie6/ie7
G1、G2这样的比较绚的效果只做了chrome/safari下的，原因：ff也可以实现这个效果，但是渲染不流畅。其他浏览器只能尽可能实现类似的感觉了。
4、html用的html5，但ff2不支持html5标签，所以ff2下会变形，解决方法也是有的，只是比较麻烦，用ff的人应该也不会像IE6那么根深蒂固，该升级的应该都升级了吧。再者这个是个人博客，不是大众网站，所以不考虑ff2了。
5、经过检测的浏览器：chrome10、safari5、firefox3.6、ff4、k-meleon、ie9、ie8、ie7、ie6
6、很多细节都做了，不全部阐述了，用chrome/safari浏览你会发现那是相当滴帅气。

注意：
首页调用了指定分类的内容，如果没有该分类肯定就有问题，index.php
<h2 class="tit"><?php _e('开发'); ?></h2>
<h2 class="tit"><?php _e('工具'); ?></h2>
这两行下面的<ul>...</ul>里面的php语句。我这里调用的是mid= 6、7分类下面的文章（Widget_Archive@7、"mid= 7"）。你的应该和我的不同，需要自己修改自己的分类id。令需要安装随机日志插件

K Blue、K Blue G1、K Blue G2的区别：
K Blue ：基础简洁版，背景色是灰色的过度，背景无彩色圆。
K Blue G1 ： 跟"K Blue"类似，背景色加上了26个彩色的圆。
K Blue G2 ： 暗色调，背景色是黑色加上了26个彩色的圆。

演示：
K blue 基本版演示、
K blue G1演示、
K blue G2演示
G1、G2还有几种显示方式，演示页面有说明(请用chrome、safari体验)。所以这次相当于发布了几个模版了。。

下载：

非常感叹css3的强大，用chrome/safari看下面的K blue G2演示链接，就明白了，背景里的那些渐变的圆都是css3的效果，而且按照百分比排列。以前做到这样的效果需要做一张很大的图去实现，这张图要足够大，否则宽屏下面就有问题，但是这里无论你的显示器多宽，它们还是按照比例排列。可惜目前只有webkeit支持的比较好，firefox虽然也可以，但是滚动页面时很不流畅。另外，头部的高亮也是css3的效果。

G1、G2的背景那里我做了很久，一共添加了26个渐变的圆形，而且尽量做出随机的感觉。其实是一个一个排出来的。喜欢前端开发的同学可以看看。

另外我下的svn最新打包版0.8 | 10.8.15，附件不能上传。看了下是js报错，解决办法：编辑admin/file-upload-js.php，编辑：142行，post_params: {"cid" : <?php $fileParentContent->cid(); ?>}, 注意后面的","号。

最近这段时间睡眠严重不足，脑袋发晕的时候就要放送下，so改善vim。产生个想法：把自己喜欢的editplus的功能都搞到vim上面来。这个就是其中之一：在浏览器中预览当前文件。有时间的话，可能要写点从editplus转型到VIM的东西。

优点1：
囊括了主要的浏览器：chrome、firefox、oprea、ie、ietester（随自己喜欢可以增加更多，比如safari），浏览器的简称：cr、ff、op、ie、ie6、ie7、ie8、ie9、iea，简称、路径以键值对方式都保存到browsers中。
上面的简称大部分人应该都明白了，ie就是系统默认的ie，最后一个iea是在ietester中使用所有版本的ie同时预览（IE5.5-IE9）。

IETester 的Arguments可以见 : http://www.my-debugbar.com/wiki/IETester/CommandLineArguments

优点2：
本地文件自动以file://开头或http://开头的两种方式预览。如果文件在htdocs就用http方式打开，否则用file方式。
file://开头的地址预览html一般没问题，但是预览php或aspx等就显得苍白无力了。这里可以设置一个htdocs/wwwroot的文件夹地址，然后预览的时候匹配文件是否在这个文件夹内(支持子目录)，如果在就用http://方式打开，否则就用file://方式。

无论前端开发者或者程序员都及其适合。自夸完毕，下面说下使用：
在_vimrc中加入下面的代码，然后按F4+cr - 在chrome预览，F4+ff  - 在firefox下预览……。方式就是F4+浏览器简称（应该比用F4+1234的数字形式便于记忆）。当然，这个完全可以自己diy的。

下面fuc里面的浏览器地址需要自己修改，我的文件夹目录和你的可能是有不同的。还有htdocs文件夹、本地的预览的端口号，我使用的是8090.

" 在浏览器预览 for win32
function! ViewInBrowser(name)
    let file = expand("%:p")
    exec ":update " . file
    let l:browsers = {
        \"cr":"D:/WebDevelopment/Browser/Chrome/Chrome.exe",
        \"ff":"D:/WebDevelopment/Browser/Firefox/Firefox.exe",
        \"op":"D:/WebDevelopment/Browser/Opera/opera.exe",
        \"ie":"C:/progra~1/intern~1/iexplore.exe",
        \"ie6":"D:/WebDevelopment/Browser/IETester/IETester.exe -ie6",
        \"ie7":"D:/WebDevelopment/Browser/IETester/IETester.exe -ie7",
        \"ie8":"D:/WebDevelopment/Browser/IETester/IETester.exe -ie8",
        \"ie9":"D:/WebDevelopment/Browser/IETester/IETester.exe -ie9",
        \"iea":"D:/WebDevelopment/Browser/IETester/IETester.exe -all"
    \}
    let htdocs='E:\\apmxe\\htdocs\\'
    let strpos = stridx(file, substitute(htdocs, '\\\\', '\', "g"))
    if strpos == -1
       exec ":silent !start ". l:browsers[a:name] ." file://" . file
    else
        let file=substitute(file, htdocs, "http://127.0.0.1:8090/", "g")
        let file=substitute(file, '\\', '/', "g")
        exec ":silent !start ". l:browsers[a:name] file
    endif
endfunction
nmap <f4>cr :call ViewInBrowser("cr")<cr>
nmap <f4>ff :call ViewInBrowser("ff")<cr>
nmap <f4>op :call ViewInBrowser("op")<cr>
nmap <f4>ie :call ViewInBrowser("ie")<cr>
nmap <f4>ie6 :call ViewInBrowser("ie6")<cr>

另外有同学想要linux下面的例子, 我没有环境, Mac下面这样是OK的,可以参考:

" 在浏览器预览 for Mac
function! ViewInBrowser(name)
    let file = expand("%:p")
    let l:browsers = {
        \"cr":"open -a \"Google Chrome\"",
        \"ff":"open -a Firefox",
    \}
    let htdocs='/Users/leon1/'
    let strpos = stridx(file, substitute(htdocs, '\\\\', '\', "g"))
    let file = '"'. file . '"'
    exec ":update " .file
    "echo file .' ## '. htdocs
    if strpos == -1
        exec ":silent ! ". l:browsers[a:name] ." file://". file
    else
        let file=substitute(file, htdocs, "http://127.0.0.1:8090/", "g")
        let file=substitute(file, '\\', '/', "g")
        exec ":silent ! ". l:browsers[a:name] file
    endif
endfunction
nmap <Leader>cr :call ViewInBrowser("cr")<cr>
nmap <Leader>ff :call ViewInBrowser("ff")<cr>

最新写了个小程序，需要读取一个文件的几行内容，但是文件比较大，所以研究了下PHP读取大文件的几行内容的方法，写了一个方法，代码如下(加了注释)：

//返回文件从X行到Y行的内容(支持php5、php4)
function getFileLines($filename, $startLine = 1, $endLine=50, $method='rb') {
$content = array();
$count = $endLine - $startLine;
if(version_compare(PHP_VERSION, '5.1.0', '>=')){// 判断php版本（因为要用到SplFileObject，PHP>=5.1.0）
$fp = new SplFileObject($filename, $method);
$fp->seek($startLine-1);// 转到第N行, seek方法参数从0开始计数
for($i = 0; $i <= $count; ++$i) {
$content[]=$fp->current();// current()获取当前行内容
$fp->next();// 下一行
}
}else{//PHP<5.1
$fp = fopen($filename, $method);
if(!$fp) return 'error:can not read file';
for ($i=1;$i<$startLine;++$i) {// 跳过前$startLine行
fgets($fp);
}
for($i;$i<=$endLine;++$i){
$content[]=fgets($fp);// 读取文件行内容
}
fclose($fp);
}
return array_filter($content); // array_filter过滤：false,null,''
}

Ps:
上面都没加"读取到末尾的判断"：!$fp->eof() 或者 !feof($fp)，加上这个判断影响效率，自己加上测试很多很多很多行的运行时间就晓得了，而且这里加上也完全没必要。

从上面的函数就可以看出来使用SplFileObject比下面的fgets要快多了，特别是文件行数非常多、并且要取后面的内容的时候。fgets要两个循环才可以，并且要循环$endLine次。

此方法花了不少功夫，测试了很多中写法，就是想得出效率最高的方法。哪位觉得有值得改进的欢迎赐教。

使用，返回35270行-35280行的内容：

echo '<pre>';var_dump(getFileLines('test.php',35270,35280));

这个用css hacks 判断浏览器大概是上个月写的，其中的hacks基本涵盖了大部分浏览器，本页面经过测试的浏览器：IE5.0、IE5.5、IE6、 IE7、IE8（beta1&beta2）、Opera 9.5, Firefox 3, Safari4、K-Meleon、Google Chrome。 其实用css判断浏览器是没有什么意义的，其主要意义就在于css hack在多浏览器下的使用，及如何用更少的css代码来实现各种主流浏览器的兼容。这个页面里的css hacks基本上囊括了ie系列（ie5.0-IE8）的csshack，同时也加入了不太常用的针对Opera和Safari的css hacks。

演示可以见：https://xhl.me/demo/html/browser_detector.html

在css hacks方面，我觉得最好不要用!important来提升指定样式的优先权，我不喜欢这它，因为如果使用它的话，你可能会发现写出的css代码相对较多。当然也不是完全不用它，目的只是当我们加入hacks时，是否要考虑一下如何才能使css的代码更精简？顺便也应该想到，当我们写XHTML代码时，是否考虑某处用div合适，还是ul合适，或者是dl合适？当我们写javascript的时候呢，是否也可以使用最少的代码来实现某一效果？有些人只是写出了div、css代码就很自豪的说自己已经会div、css了，当我问他浏览器兼容和HTML标签语义化时，他却说不出。其实有很多地方值得我们去研究，上次帮公司做的网页，css和js代码基本都被我压缩的不能再压缩了，先手工压缩再机器压缩，很爽很爽:)， 不过他们说我变态～。其实这样网站的效率才能达到最高。

我的做法就是在做网页时，应该以firefox来作为参照，然后再在ie和其他浏览器下测试，这样写出的css代码可能会是最少的。还有就是善用display:inline来解决ie下margin加倍，善用clear:both，有时也可以这样：<!--[if IE]><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->，给IE单独做一个css。因为之前做的是门户级的网站，写了很多页面，从中也学到了很多新知识，一时想不起来了，有时间再整理出来。还有只要结构写的好,不需要hack大部分也都能兼容。能不用hack就不用。

看过很多比较有创意的404页面，自己早就想做一个了，这次终于做了一个出来。XHTML、CSS、PHP、FreeBSD都有了，自己感觉创意还不错。本来是想404页放个小游戏来着，后来还是发现自己喜欢这个。

https://xhl.me/demo/html/404.html