邪罗刹的菠萝阁

对Time()函数的误解与杯具的VPS时间

邪罗刹 — Thu, 29 Jul 2010 01:11:10 +0800

> 以前试过用 TXT Excel Wiki BBS 等方式来分类管理一些资料与代码，结果发现到最后全部都乱糟糟的。
> 然后为如何有效管理资料纠结了半天，而且最近蛮忙的，所以半夜才来了一篇新文章。╮(￣▽￣")╭。

一. 杯具的VPS时间：

<?php echo time(); ?>
//小邪先是在VPS上面显示时间，接着到本机上用 date 函数转换为标准日期，看到结果吓了一跳
 
-bash-3.2# date
Thu Jul 8 04:03:59 CST 2010
//呵呵，话说接着小邪就在 SSH 里面用 date 命令输出了当时的 VPS 时间
 
2010-07-07 20:03:59
//结果当时就震精了 ( ⊙o⊙ )，因为当时小邪电脑的时间如上，重点是，小邪的电脑时间是 +8 时区的
//结果这个时间比小邪的电脑还要快 8 个小时，难道地球上有 +16 时区的地方？？！！
 
//后来找了管理员沟通，才发现是机房工作人员装机时候设置出了问题，囧 ~

二. 对 Time() 的误解：

> 关于蛋疼的 Time() 函数，呜呜呜呜，杯具，小邪一直以为这个东西显示的是GMT秒数，结果杯具了。

<?php echo time(); ?>
//如上的代码是输出一个unix时间戳，即从1970年1月1日起经过的秒数
 
<?php echo date('Y-m-d H:i:s',time()); ?>
//但是小邪用这样的函数把秒数转换为日期，类似于 2010-07-27 21:20:00 这样
//却发现出现的时间和我电脑显示的时间差了8小时，我的电脑时区是+8的
 
<?php echo date('Y-m-d H:i:s',time()+(8*3600)); ?>
//即如此这样才能获得+8时区的标准日期时间
 
//结论，time() 提供的是 gmt 秒数，但是，这是一个误解

> 上面的测试是在本机的 Phpnow 下测试的，结果这个结论误导了小邪，因为 Phpnow 的设定很是怪异。

//现在我们到 LinuxVPS 的 Nginx 下面测试
 
<?php echo date('Y-m-d H:i:s',time()); ?>
//很好，出现的时间和我的电脑分毫不差，因为我的VPS上面的时区设置的就是北京时间
 
//结论，time() 提供的是服务器或者VPS子机的本地时间，该时间按照管理员的时区设定变动
 
//也就是说一般的国外服务商提供的 VPS 都是使用其服务器所在地的当地时间
//而国内服务商提供的国外或者国内 VPS 可能会用北京时间，具体应该向管理员咨询或自行测试

> ╮(￣▽￣")╭，真是灰常折腾人的一件事情，所以小邪打算尽量不再使用 time() 函数，直接用GMT。

1 2	<?php echo gmmktime(); ?> //使用 gmmktime() 函数，就可以显示一个 GMT 的 Unix 时间戳了，接着再进行时差校正即可

三. 后记：

> 嘿嘿，很开心，今天收到了《魔兽世界：大灾变》资料片的 Beta 测试邀请，准备登录大漩涡，吼吼

> 有玩魔兽世界的盆友路过么？o(*≧▽≦)ツ，蛮好奇小邪的读者里面有木有玩魔兽世界的，嘿嘿嘿嘿。

jQuery多项投票演示与局部刷新预习

邪罗刹 — Mon, 26 Jul 2010 06:01:40 +0800

> 请注意_(￣0￣)_喔，这个程序只为演示 AJAX，并非正式程序，所以木有做任何严格的重复投票防护。
> 此文主要介绍如何实现多项投票的方法，以及灰常简单的 jQuery 局部刷新的应用方法，o( ∩ω∩ )m。

一. jQuery多项投票演示：

> 这次小邪木有做什么防护，只要刷新页面就可以再次投票，因为此程序的目的只是演示 jQuery 效果。
> 所以，嘎嘎嘎，如果你想要抒发自己强烈的思想感情，然后情不自禁地刷新页面鸟，就随便投票吧。

> 强力的纯洁的无知的传送门 - http://tool.evlos.org/demo/ajax_005

二. jQuery多项投票重点代码注释：

//这里小邪只是把和原先那次有明显区别，并且作用较大的代码贴出来作一些说明
//如果有更多疑问，请查看原先的文章，如果还觉得迷糊，请留言询问即可 O(∩_∩)O
 
function getdata() {
	global $dbfile;
	$data = file_get_contents($dbfile);
	$array = explode('|',$data); //把数据以 | 为分隔，分割到数组
	return $array;
}
//在 index.php 使用这个函数的来只是读取投票数据 ”0|0|0|0|0|0|0|0|0“
 
function showlist() {
	global $votenum,$votes;
	$data = getdata();
	function is_odd($num){ //判断偶数的较另类的方法
		return (is_numeric($num)&($num&1));
	}
	//额，实际上后来小邪并木有使用判断结果，因为觉得没必要以颜色分行
	for ($i=0;$i<$votenum;$i++) {
		if (is_odd($i)) { $trclass = 'odd'; } else { $trclass = 'even'; }
		echo '<tr id="vote_'.($i+1).'" class="'.$trclass.'"><td class="gray">#'.($i+1).'</td><td>'.$votes[$i].'</td><td class="gray">已有 <span class="count vote_'.($i+1).'">'.$data[$i].'</span> 票</td><td class="gray warn">已投票</td><td class="gray button">[投票]</td></tr>'."\n";
		//这里给每一行的数据附一个 id，内容为 ”vote_投票编号“
		//我们靠 class="count" 来找到投票数，靠 warn 和 button 来变换投票前后显示文字
	}
}
//在 index.php 使用这个函数来输出投票列表
 
$votenum = count($votes);
//在 config.php 里面的这个语句用来统计数组包含的数量
 
$ivote = $_POST['ivote'];
for ($i=1;$i<=$votenum;$i++) {
	if ($ivote=='vote_'.$i) {
		$res = $i;
	}
}
//在 vote.php 使用这个循环来判断用户所投的票，Post来的数据为 vote_1 vote_2 等

$(document).ready(function(){
	$("#vote .button").click( //先找到按键元素，即 ”投票“ 文字处
		function() {
			var votesorder = $(this).parent().attr("id"); //取父元素的 id 来判断当前所投何票
			var count=eval($("#vote ."+votesorder).text())+1; //然后对其票数加一
			$("#vote ."+votesorder).css("color","green").text(count); //显示加一后的票数并变色
			$("#vote .button").css("display","none"); //隐藏 ”投票"
			$("#vote .warn").css("display","inline"); //显示 “已投票”
			$.ajax({
				type:'POST',
				dataType:'text',
				url:'vote.php',
				data:'ivote='+votesorder
			});
			//Post发送数据，类型 text，送给 vote.php，内容为父元素的 id
			/* $.cookie('vote_s81jaj881jja', 'yes', { expires: 3 }); */
			//不打算做 cookie 防护了
		}
	);
});

三. 局部刷新预习：

$(document).ready(function(){
	$("#box .button").click(
		function() {
			data=$.ajax({url:"time.php",async:false});
			/* async表示禁止异步请求，因为我们接下来就要使用返回的数据 */
			$("#box .target").html(data.responseText);
		}
	);
});

> 简单的当前秒数局部刷新演示地址 - http://tool.evlos.org/demo/ajax_006

四. 演示程序下载：

> 首先是前面的 jQuery 多项投票演示程序的下载地址，后面则是 jQuery 预习演示程序的下载地址，哈。

> http://code.google.com/p/evlosbox/downloads/detail?name=jquery-more-votes-example-v1.zip
> http://code.google.com/p/evlosbox/downloads/detail?name=jq-areafresh-easy-v1.zip

五. 附言：

> 虽然小邪已经在代码中注释说这个程序木有做严格防护，但是仍然很感谢报告 BUG 的盆友，嘿嘿 ;D。

jQuery制作AJAX的POST方式支持按键

邪罗刹 — Sun, 25 Jul 2010 09:21:17 +0800

> 嘿嘿，这篇文章是 jQuery AJAX 的提高教程之简单部分，小邪制作了一个 “支持一下” 的按键作为演示。
> 因为是简单的演示，所以只是 POST 了数据，并木有获取任何返回数据，变动部分只是 jQuery 效果。

一. 演示地址：

> 如上图所示，当你点击 “我也支持！” 文字之后，就会使用 POST 方式发送数据给 vote.php 文件来处理。
> 之后，票数也会自动加一，不过这不是返回数据，只是显示效果上面做了些小动作，因为要求较简单。

> Ajax 支持按键演示的强力的宇宙最放荡的传送门 - http://tool.evlos.org/demo/ajax_003

> 当然咯，o(*≧▽≦)ツ你如果觉得小邪特别坏的话，就去这里狂点吧，嘎嘎，这里木有做重复投票限制喔。
> 特纯洁无知的传送门 - http://tool.evlos.org/demo/ajax_004

二. 程序代码及注释：

<?php
//此文件是 index.php
include 'config.php'; //包含 config.php 文件，提供 $dbfile 储存文本数据库文件名
$count = file_get_contents($dbfile); //读取文本数据库
if ($_COOKIE['vote_s81jaj881jja']=='yes') { $upclass = '<span class="hid">[您已经投过票了！]<span>'; }
else { $upclass = '<span class="button">[我也支持！]<span>'; }
//仅仅根据 cookie 来防止重复投票，因为根据 ip 以及 Email 之类的资料来防护的方法较为复杂
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Ajax 支持按键演示</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script language="javascript" src="jq.js"></script>
<script language="javascript" src="cookie.js"></script>
<script language="javascript" src="main.js"></script>
</head>
<body>
<div id="box">
	<p class="title">投票测试：</p>
	<ul>
		<li>小邪是坏淫 <span class="hid">[有 <span class="num"><?php echo $count; ?></span> 票表示支持]</span> <?php echo $upclass; ?></li>
	</ul>
</div>
</body>
</html>

<?php
//此文件是 config.php
$dbfile = 't81oa.txt';
//Setting 文本数据库文件名
if (!file_exists($dbfile)) {
	$handle = fopen($dbfile,'w+');
	fwrite($handle,'0');
	fclose($handle);
}
//Check database 如果找不到此文件，就新建一个，写入数字0
?>

<?php
//此文件是 vote.php
include 'config.php';
if (isset($_POST['ivote'])) { //如果有 POST 发送来变量 ivote
	$ivote = $_POST['ivote'];
	if ($ivote == 'yes') { //并且 ivote 的值为 yes
		$count = file_get_contents($dbfile); //就读取文本数据库里面的投票数
		$count++; //投票数加一
		$handle = fopen($dbfile,'w+');
		fwrite($handle,$count);
		fclose($handle);
		//然后写入新的投票数
	}
}
?>

/* 此文件是 main.js */
$(document).ready(function(){
	$("#box .button").click( /* 如果点击了 “我也支持！” 按键 */
		function() {
			var count=eval($("#box .num").text())+1; /* 就获取显示出来的投票数并加一 */
			$("#box .num").css("color","green").text(count); /* 显示新的投票数 */
			$(this).css("display","none"); /* 隐藏 “我也支持！” 按键 */
			$.ajax({
				type:'POST',
				dataType:'text',
				url:'vote.php',
				data:'ivote=yes'
			}); /* AJAX 方式发送数据 */
			$.cookie('vote_s81jaj881jja', 'yes', { expires: 3 }); /* 新建cookie表示已投票 */
		}
	);
	/* For stupid IE */
	$(".button").hover( /* 鼠标悬停在 “我也支持！” 按键上面就变色 */
		function() {
			$(this).css("color","blue");
		},
		function() {
			$(this).css("color","#ccc");
		}
	);
});

/* 此文件是 style.css */
#box .title { color:red; }
#box .hid { color:#ccc; }
#box .button { color:#ccc; cursor:pointer; }

1	13 //此文件是 t81oa.txt，即数据库文件，存储投票数

//文件名是 cookie.js，这是一个 jQuery 插件，程序代码较长就不贴出来了，下面是使用方法介绍
$.cookie('the_cookie'); //读取Cookie值
$.cookie('the_cookie', 'the_value'); //设置cookie的值
$.cookie('the_cookie', 'the_value', {expires: 7, path: '/', domain: 'jquery.com', secure: true});//新建一个cookie 包括有效期 路径 域名等
$.cookie('the_cookie', 'the_value'); //新建cookie
$.cookie('the_cookie', null); //删除一个cookie

三. 演示程序下载：

> http://code.google.com/p/evlosbox/downloads/detail?name=ajax-simple-vote-v1.zip&can=2&q=

四. 附言：

> 小邪在上面贴出来的程序代码中已经做了相当详细的注释，所以也就不另外做特别的讲解鸟 ╮(╯▽╰)╭。
> 有问题请在留言中提问，下次的提高教程会提供灰常劲爆的演示程序，挺不住鸟，睡觉去 (～﹃～)。

如何用强大的jQuery来进行Ajax操作

邪罗刹 — Fri, 23 Jul 2010 07:56:07 +0800

> 此文为以后的 AJAX 文章作为铺垫，并不深入。举例介绍 Load 函数与页面载入完成后执行的方法。
> 然后提供了最新的 jQuery 库在各个 CDN 的托管地址，最后是 Low-Level-Ajax 方法的简单介绍。

一. jQuery 的准备工作：

> 首选的当然是谷歌的CDN，谷歌服务器的强大是毫无疑问的，嘿嘿，而且速度也不差，毕竟是CDN呢。

1	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

> 当然啰，如果碰巧有微软控，那就加上这个吧 ╮(╯▽╰)╭。同时表示，童鞋，你木有的救了，信春哥吧。

1	<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script>

> 官网代码库，也有不少人载入呢，好像某次把官网服务器拖垮过，不过后来他们换了更强的服务器。

1	<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

二. 页面载入完成才执行：

> jQuery 代码一般都写在这里面，这里面的代码是在页面载入完整之后才运行的，这样才正常嘛。
> 不然如果载入木有完成就要操作元素，那你叫 jquery 到哪里去找 ╮(╯▽╰)╭，估计它会疯掉，嘎嘎。

> 不过一定要注意自己的页面是否能够在用户能够容忍的时间内载入，否则你碰到的杯具就大了 (╯o╰)。

1
2
3

$(document).ready(function(){
//代码，这里需要强大的代码，哇卡卡卡卡卡
});

三. Ajax - jQuery 的 Load 函数：

> jQuery 的 load 函数是一种简单的但是灰常强大的 AJAX 函数。它的语法如下 -

1	$(selector).load(url,data,callback);

> 下面是一个例子，首先是事件触发，触发的条件则是点击 ID 为 loadstart 的元素，这里是个按键。
> 然后将 ID 为 cont 的元素其中的内容替换为 test.txt 文件里面的内容。嘿嘿，JQ 就是简单。

$(document).ready(function(){
	$("#loadstart").click(function(){
		$('#cont').load('test.txt');
	});
});

> 演示传送门 - http://tool.evlos.org/demo/ajax_002/
> 当然啰，这个是 Test.txt 文件的地址 - http://tool.evlos.org/demo/ajax_002/test.txt

四. Low Level Ajax 方法：

> 嘿嘿，先简单介绍一下，文章太长不好。如果想要详细实例与解说，请听下回分解 o(*￣▽￣*)ゞ。

$(selector).load(url,data,callback)	//把远程数据加载到被选的元素中
$.ajax(options)	//把远程数据加载到 XMLHttpRequest 对象中
$.get(url,data,callback,type)	//使用 HTTP GET 来加载远程数据
$.post(url,data,callback,type)	//使用 HTTP POST 来加载远程数据
$.getJSON(url,data,callback)	//使用 HTTP GET 来加载远程 JSON 数据
$.getScript(url,callback)	//加载并执行远程的 JavaScript 文件
 
(selector) //jQuery 元素选择器语法
(url) //被加载的数据的 URL（地址）
(data) //发送到服务器的数据的键/值对象
(callback) //当数据被加载时，所执行的函数
(type) //被返回的数据的类型 (html,xml,json,jasonp,script,text)
(options) //完整 AJAX 请求的所有键/值对选项

五. 附言：

> @lucifierya: 啧啧围观菊花 @rericy: 于是怎样!!! @lucifierya: @rericy 你这个头像。。。
> 嘿嘿，又是推上的事儿。睡觉前看到的，话说这可怜的家伙，╮(╯▽╰)╭。头像硬是给人当成菊花了。

成功把Ajax提交评论效果添加到Zbench

邪罗刹 — Thu, 22 Jul 2010 02:05:25 +0800

> 话说小邪碰巧在 5d6d 子论坛看到个很牛的 Ajax 评论提交效果，显示灰常好，与一般提交几乎一样呢。
> 所以立马开始动手折腾。不过具体折腾内容小邪只能透露一部分额，不然影响原作者的销售就不好鸟。

一. 部分 Zbench 的 CSS 修正：

> 上次的修改还是木有达到小邪心中的完美样式，所以咱们继续补充，添加 Wp-pagenavi 的 CSS 代码。

.wp-pagenavi .page{padding:0 4px;}
.wp-pagenavi .pages{padding-right:5px}
.wp-pagenavi .current{padding:0 4px;}
.wp-pagenavi .nextpostslink{padding:0 4px;}
.wp-pagenavi .larger{}
.wp-pagenavi .last{padding:0 5px;}
//补上 Wp-pagenavi 插件的 CSS
 
.post .entry img{position:relative;left:-2px;}
//文章中图片整体向左偏移 2px
 
#footer-inside #back-to-top{position:absolute;top:5px;right:10px;font-size:12px;border:none;color:#AAA;}
//TOP按键向右偏移 20px

二. Ajax 效果预览：

> 标题下方的图片是进行 AJAX 提交之后的效果图，看起来和无 AJAX 提交的时候的效果几乎一摸一样。
> 下面则是点击提交按键之后的效果，嘎嘎，小邪太鸡冻了。蛋定，蛋定蛋定，春哥保佑，阿门嘎嘎。

三. 添加 Ajax 效果的部分步骤：

> 小邪只能透露一部分的修改过程，需要的童鞋请到 Zww主题大湿的淘宝店去看看，那里有提供服务。
> 额，虽然那里的效果可能有一点儿不同，不过也是很好滴，下面提供Zww的淘宝店传送门 -

> http://item.taobao.com/auction/item_detail-0db1-f7c8975a70ef482efd2d90754d09a9a5.jhtml

1 2	#commentbox_reload{background:#F2F2F2;display:none;padding-left:10px;border:1px solid #ccc;line-height:40px;margin:10px auto;} //首先我们增加一个载入提示框的样式

1 2	<div id="commentbox_reload_con"></div> //然后用上面的 div 把整个评论列表范围框住以实现 jQuery 的局部刷新

<script type="text/javascript" src="http://tool.evlos.org/file/jquery-1.2.6.min.js"></script>
//载入 jQuery 库，使用 1.0 版本以上的皆可以实现
//再载入包含局部刷新代码的 js 文件，为保护原作者成果这里并不列举
 
<div id="commentbox_reload"></div>
//最后在适当地方加入载入提示框的 div 即可

四. Willin 回复邮件通知 Evlos 样式修改版：

> 嘿嘿，因为木有提供具体的 Ajax 代码，作为补偿。小邪把自己的评论回复邮件通知样式送给大家。

> http://code.google.com/p/evlosbox/downloads/detail?name=cmn_cssed.zip&can=2&q=

五. 附言：

> 参考文章 -
> Comment Mail Notify - http://kan.willin.org/?p=1295

> 话说某天看到 Lazy_R 在推上说道 -
> “作为一个懒人，我躺在完全没收拾的沙发上，身下压着衣服撑子。我懒得翻身把撑子抽出来。
> 不过我还不是丧心病狂嘛，我还知道把这个发到twitter上，说明我还是有感觉的 …”

> 嘿嘿，当时小邪就 Orz 了。(*￣▽￣)y ~~

Zbench主题的代码使用调整手记

邪罗刹 — Tue, 20 Jul 2010 22:48:42 +0800

> 菠萝阁使用了好长时间的 Sandevlos 主题，早就觉得看腻了，小邪想是时候来个大变样了，嘎嘎。
> 现在成功换上了 Zww主题帝的强力主题 - Zbench，并且进行了蛮多的调整，以下是调整手记。

一. 使主题兼容侧边栏的插件挂件：

#multicollinks li{line-height:10px}
/* 上面的代码来降低侧边栏友情链接的行高 */
 
#sidebar h4{text-shadow:1px 1px 1px #aaa;color:#445566;font-family:Georgia,"Times New Roman",Times,serif;font-size:16px;margin:0;padding:0 5px;line-height:30px;border-bottom:1px solid #fff;}
/* 因为 Wp-recentcomments 侧栏的标题是 h3，而下面两个挂件都是 h4，所以为了统一效果就加上 h4 */
 
li.widget {list-style:none}
/* 去除侧栏挂件前面的列表符号 */

二. 使主题兼容 Wp-syntax 代码高亮插件：

.post .entry pre{font-size:12px;width:95%;line-height:16px;overflow:auto;font-family:"Courier New", FixedSys;color:#555;background:#fafafa;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:15px solid #ccc;border-right:1px solid #ccc;padding:0 5px 16px;margin:0 0 20px;}
 
.post .entry table{background:#fff;border:1px solid #ccc;border-width:2px;border-collapse:collapse;margin:5px 0 10px;}
 
.post .entry th,.post .entry td{border:1px solid #ccc;padding:3px 10px;text-align:left;vertical-align:top;}
/* 分别删除上面三处代码，否则会与 wp-syntax 插件冲突 */
 
.wp_syntax{width:500px;}
.wp_syntax div, .wp_syntax td{overflow:hidden;max-width: 565px;word-break: break-all;word-wrap: break-word;}
.wp_syntax pre {word-wrap:break-word;overflow:hidden;}
/* 对 wp-syntax 插件样式进行适当调整 */

三. 写完文章才发现 “三” 木有了，可能是被鬼吃掉了 ..(((m -__-)m

四. 搜索框与 TOP按键的CSS样式调整：

#search{box-shadow:2px 2px 5px #777;-moz-box-shadow:2px 2px 5px #777;-webkit-box-shadow:2px 2px 5px #777;position:absolute;background:#565657;right:50%;margin-right:-450px;bottom:-14px;width:230px;height:26px;overflow:hidden;border:1px solid #999;}
/* 修改成下面，去除搜索框阴影 */
 
#search{position:absolute;background:#565657;right:50%;margin-right:-450px;bottom:-14px;width:230px;height:26px;overflow:hidden;border:1px solid #999;}

#footer-inside #back-to-top{position:absolute;top:5px;right:150px;color:#f2f2f2;font-size:14px;}
#footer-inside #back-to-top a{border:none;color:#f2f2f2;}
/* 替换为下面这样，已修改右下角 top 按键的样式 */
 
#footer-inside #back-to-top{position:absolute;top:5px;right:150px;color:#f2f2f2;font-size:12px;}
#footer-inside #back-to-top a{border:none;color:#AAA;}
#footer-inside #back-to-top {border:none;color:#AAA;}

五. 部分 PHP 代码调整：

<?php wp_list_pages('title_li=&depth=2'); ?>
//修改成下面这样，隐藏 ID 为 1949 的页面
 
<?php wp_list_pages('title_li=&depth=2&exclude=1949'); ?>

<li <?php if(is_home()) {?>class="current_page_item"<?php } ?>><a href="<?php echo get_option('home'); ?>/" title="HomePage">菠萝阁 [Index]</a></li>
//修改导航栏中的 “Home” 为 “菠萝阁 [Index]”
 
<li <?php if(is_home()) {?>class="current_page_item"<?php } ?>><a href="<?php echo get_option('home'); ?>/" title="HomePage">Home</a></li>

return '<img alt="" src="'.$ava_img_url.'" width="'.$size.'" height="'.$size.'" />';
//修改小邪的 MiniGravatar 插件代码中如上的，改成下面这样，增加 class="avatar"
 
return '<img alt="" src="'.$ava_img_url.'" class="avatar" width="'.$size.'" height="'.$size.'" />';

<?php include(TEMPLATEPATH . '/smiley.php'); ?>
//comments.php中如上代码，修改为如下
//使用 wp-smiles 插件来显示表情，因为原生的一但表情太多则会被挤到第二行去鸟
 
<?php cs_print_smilies(); ?>

六. 回复时自动添加 @用户名：

<?php wp_head(); ?></head>
//在 header.php 中如上代码的下方加入如下代码，载入 1.2.6 jQuery库与 main.js
 
<script type="text/javascript" src="http://tool.evlos.org/file/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/main.js"></script>

//以下为 main.js 的代码
jQuery(document).ready(function($){	//Begin jQuery
	$('.reply').click(function() {
	var atid = '"#' + $(this).parent().attr("id") + '"';
	var atname = $(this).prevAll().find('cite:first').text();
	//下面那行进行了部分调整，增加了 nofollow 以防止內链影响 SEO
	$("#comment").attr("value","<a href=" + atid + " rel=" + '"nofollow"' + ">@" + atname + " </a>, <br />\n").focus();
});
	$('.cancel-comment-reply a').click(function() {	//点击取消回复评论清空评论框的内容
	$("#comment").attr("value",'');
});
})	//End jQuery

七. 个人觉得 include 应少用为好：

<?php include (TEMPLATEPATH . '/searchform.php'); ?>
//替换为 searchform.php 的内容，因为个人认为 include 应该尽量少用为好
 
<form id="searchform" method="get" action="<?php bloginfo('home'); ?>/">
<input type="text" value="Search: type, hit enter" onfocus="if (this.value == 'Search: type, hit enter') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search: type, hit enter';}" size="35" maxlength="50" name="s" id="s" />
<input type="submit" id="searchsubmit" value="" />
</form>

八. 对表情的位置进行 CSS 修正：

1 2	.comment-text .wp-smiley{position:relative;bottom:-5px;margin-top:-5px;} //增加如上这行修正表情位置

ol.commentlist li div.comment-text{border-top:1px solid #fff;padding-top:10px;margin:0 0 10px;}
//将如上修改为如下来增加评论处行高
 
ol.commentlist li div.comment-text{line-height:15px;border-top:1px solid #fff;padding-top:10px;margin:0 0 10px;}

九. 应用 Ajax 提交评论（未完成，迟一些在新文章中补上）：

<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php $options = get_option('zBench_options'); ?>
<?php wp_head(); ?></head>
//head.php 里面如上修改为如下代码
 
<?php $options = get_option('zBench_options'); ?>
<?php wp_head(); ?></head>
<?php if ( is_singular() ){ ?>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/comments-ajax.js"></script>
<?php } ?>

十. 后记：

> 最后使用小邪的 CSS压缩工具把CSS文件压缩一下 -
> 输入: 15.631KB, 输出:13.213KB, 压缩比率: 15.5% (-2418 Bytes)

> 当然也要把Js文件用工具来压缩一下，干脆直接放 head.php 里面 -
> Compression ratio: 558/350 = 0.627

> 以下修改的参考文章 -

> 1. 用 jQuery 实现点击回复之后显示@用户名的效果 - http://zww.me/archives/24817
> 2. WordPress主题发布: zBench - http://zww.me/archives/25131
> 3. WordPress 內置嵌套評論專用 Ajax comments - http://kan.willin.org/?p=1271

AJAX初步之表单的AJAX动态处理

邪罗刹 — Tue, 20 Jul 2010 05:07:24 +0800

> \(^o^)/，为了治疗小邪那个灰常严重的 JavaScript 恐惧症，让我们开始攻打 JavaScript 的阵地吧。
> 首先学习一下创建 XMLHttpRequest 对象，然后使用这个对象进行一次简单的表单动态处理。

一. 创建 XMLHttpRequest 对象：

> Ajax 的重点就在于 XMLHttpRequest 对象，可以让我们不用刷新页面就能与服务器交换数据。
> 而不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的，下面我们先写点简单的代码。

<script type="text/javascript">
function ajaxFunction() {
	var xmlHttp;
	try {
		xmlHttp=new XMLHttpRequest();
	}
}
</script>

> OK，那么上面代码给 Firefox Opera Safari Chrome 之类的浏览器来创建对象都是木有问题的。
> 但是这里杯具了，因为我们碰到了 IE [- -#]，所以需要把代码变得像下面那么长，IE 才能运行。

<script type="text/javascript">
function ajaxFunction() {
	var xmlHttp;
	try {
		xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari and so on ..
	}
	catch (e) {
		try {
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // IE 6.0+
		}
		catch (e) {
			try {
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); // IE 5.5+
			}
			catch (e) {
				alert("您的浏览器不支持AJAX！");
				return false;
			}
		}
    }
}
</script>

二. 输入时动态发出请求：

> 你可以试一下下面的代码，在 “输入” 处输入内容的时候，每按一下按键，都会进行一次请求。
> 下面的处理方式是 GET 方式请求一次 time.php，返回的数值是根据时间的秒来变动的喔。

> 演示传送门 - http://tool.evlos.org/demo/ajax_001

<html>
<head>
<title>Ajax执行表单测试</title>
</head>
<body>
<script type="text/javascript">
function ajaxFunction() {
	var xmlHttp;
	try {
		xmlHttp=new XMLHttpRequest(); // Firefox, Opera 8.0+, Safari and so on ..
	}
	catch (e) {
		try {
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); // IE 6.0+
		}
		catch (e) {
			try {
				xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); // IE 5.5+
			}
			catch (e) {
				alert("您的浏览器不支持AJAX！");
				return false;
			}
		}
    }
	xmlHttp.onreadystatechange=function() {
		if(xmlHttp.readyState==4) {
			document.myForm.time.value=xmlHttp.responseText;
		}
	}
	xmlHttp.open("GET","time.php",true);
	xmlHttp.send(null);	
}
</script>
<form name="myForm">
输入: <input type="text" name="username" onkeyup="ajaxFunction();" />
时间: <input type="text" name="time" />
</form>
</body>
</html>

1 2	<?php echo time(); ?> //这是 time.php 的代码，这里的代码表示输出 Unix 时间戳，额，简单说就是会每秒变一次数值

三. 输入时动态发出请求的原理：

//使用下面的代码来创建一个表单，请注意我们的表单里面是木有 “提交” 按键的
<form name="myForm">
输入: <input type="text" name="username" onkeyup="ajaxFunction();" />
时间: <input type="text" name="time" />
</form>

//下面的内容要包含在 ajaxFunction() 函数中，在创建 XHR 对象之后执行
xmlHttp.onreadystatechange=function() {
	if(xmlHttp.readyState==4) {
		document.myForm.time.value=xmlHttp.responseText;
	}
}
 
xmlHttp.open("GET","time.php",true);
//open() 方法需要三个参数。第一个参数定义发送请求所使用的方法（GET 还是 POST）。
//第二个参数规定服务器端脚本的 URL。第三个参数规定应当对请求进行异步地处理。
 
xmlHttp.send(null); //send() 方法可将请求送往服务器。

四. 附言：

> - -#，虽然还是有那么一点点的 JavaScript 恐惧症，所以要蛋定，要灰常蛋定。╮(╯▽╰)╭ 阿门。

> 呵呵，下一篇文章会对不同参数的传递进行讲解，如果文章不长，就会继续讲解结果的返回。
> 希望对大家有帮助哦。゜)～～～ <(__)> <゜)))彡 <*)) >=< <^!^> <+))><< 。。。。。

WP修改主题Sandevlos_V1.00Beta共享

邪罗刹 — Sun, 18 Jul 2010 05:35:43 +0800

> \(^o^)/，这个是小邪一直以来在使用的WP主题，修改自 Sandfish 主题，喜欢的盆友就拿去玩玩喔。
> 有盆友说找不到小邪的直接跳转到留言位置的链接，那小邪放在这里，点一下直接到底，嘿嘿。

一. 下载地址：

> http://code.google.com/p/evlosbox/downloads/detail?name=SandevlosV1.zip

二. 关于版权：

> Sandevlos 由 Sandfish 修改而来，所以在 CSS 中的版权是这样写的，小邪觉得应该木有问题。
> 嘎嘎，O(∩_∩)O，如果原作者有任何问题，请立马和小邪说，小邪会以最快的速度修正过来喔。

/*
Theme Name: SandEvlos
Theme URI: http://www.evlos.org/work/
Description: SandEvlos is created from Sandfish, you can find me at http://www.evlos.org/, also can find origin author at http://www.happinesz.cn/. 
Tags: white, fixed width
Version: 1.0 Beta
Author: Evlos
Author URI: http://www.evlos.org/
*/

三. 如何安装：

> 和一般的主题安装方法一样，放到 Wp-content 的 themes 目录里，然后在后台启用本主题就好。
> 建议使用 WP-RecentComments 侧边栏插件，主题的 CSS 对此进行了适当调整，使显示正常。

> 这个是留言的显示界面，额，建议最好配合 Wordpress Thread Comment 插件，会更完美一些。
> 建议启用 Custom Smilies 表情插件，小邪有对表情图片进行 CSS 调整，显示效果很融洽喔。

> 主题兼容 WP-Syntax 插件，显示超长行代码的时候，不会因为显示的问题而挤出滚动条鸟。
> 强烈建议使用 WP-PageNavi 翻页条插件，因为主题木有这个插件就木有办法翻页了╮(╯▽╰)╭。

> 对了喔，要做些插件设置，请在 Pagenavi 插件后台请去掉 “Use pagenavi-css.css” 的勾。
> 还有，在 Custom Smilies 插件后台设置请去掉 “使用名为 comment_form 的 action” 处的勾。

四. WP Thread Comment 插件设置：

> 请去掉 “在style.css中加载CSS” 处的勾，然后修改评论的 HTML 以配合主题的整体效果。

1
2

//编辑评论的HTML
<div class="comment-childs<?php echo $deep%2 ? ' chalt' : ''; ?>" id="comment-[ID]"><div class="bgrro"><div class="bgrro1"><div class="userpic"><?php echo get_avatar($comment->comment_author_email, 24); ?></div><p>[author] 回复：[moderation]<br /><small class="commentmetadata">[date] at [time]</small></p></div></div><div class="bgrrro">[content]</div></div>

五. 附言：

> 最近小邪爱吃辣，感觉很开胃喔，酸辣鱼灰常好吃呐。然后，吃完就在 Twitter 上面乱转。
> 看到 @Thruth 说道：“每个爱吃辣的人上辈子都是肛裂的天使。”，然后，然后就木有然后了。

雷柏V8无线游戏鼠标软件简单介绍

邪罗刹 — Thu, 15 Jul 2010 01:28:30 +0800

> 今天收到快递员电话，拿到俩包裹，嘎嘎，一个是雷柏V8 鼠标，还有个是一大张笔记本外壳的彩贴。
> (╯▽╰)，雷柏的鼠标还是不错滴，不过用了多年普通鼠标，现在有些不习惯鸟，用了一天不大爽。

一. 雷柏v8软件功能简单评测：

> 呵呵，先来一张图，这是淘宝上面来的，所以上面并不是目前标准配置，因为木有了220V电源。
> 目前一般的标准配置是 1鼠标 4充电电池 1接收器 1黑包 1充电+HUB座，其实也不需要电源的。

> 这个是软件的界面，可以设置自定义按键、功能模式（即有俩套不同的自定义按键）、滚轮等。

> 对按键的自定义有蛮多的选择，可以直接使用复制、粘贴、剪切、删除、查找、新建、保存等。

> 还有交换窗口（即 Alt+TAB）、关闭窗口、资源管理器，- - 还有运行，不过显示桌面蛮实用的。

> 接着还可以使用鼠标来控制音乐的播放，全屏游戏时还是蛮有用滴，因为有些游戏切换不出来。

> 还有蛮经典的设置组合键功能，像 Ctrl+Alt+Win+OEM specific 之类的复杂组合都木有问题滴。

> 还有个很爽的功能，在这里可以自由调节四档 DPI，CS 之类游戏中，那些高手经常是要用的喔。

> 然后有显示电池电量剩余的功能，小邪刚买来，所以还木有充过电来着，新电池一般有80%的。
> 右边的则是调节频道的功能，额，这个是鼠标自动调节，不用管，呵呵，这里支持 16 个跳频喔。

> 设置完成，要记得把配置保存到鼠标，鼠标里面有一块存储芯片，所以插到别的电脑一样用喔。

二. 附言：

> 目前国内围脖貌似都出状况了，听说还换上了 Beta 图样。所以，荒淫大家到 Twi-tter 去玩喔。

RT @gjred: “我贫乳我骄傲，我为国家省布料”
 
RT @R_X_D: ①新建一个记事本文件 ②在里面输入 CreateObject("SAPI.SpVoice").Speak "I love YOU" ③保存扩展名为 .VBS 文件 如：我爱你.vbs ④带上耳机，双击运行，电脑就会说i love you 
 
RT @1gre: 化学实验，把蘸有浓氨水和浓HCL的两团棉花放玻璃管中。江老师：“大家猜想下面会有什么现象？”某人：“生出个小棉花？”
 
RT @XidingJ: 薛定谔的内裤：不掀开裙子永远不知道里面到底有没有内裤
 
RT @xie107: 【绿bra之死】“妈，我饿。”，“我给。”，“妈，我还饿。”，“我再给。”，“妈，我还饿嘛～”，“灭了，再给就是尿了。”
 
RT @deardawn: 【今日の顏文字】 ♀(￣▽￣)/ 我是优质大美女(番茄?)一枚~
 
RT @Kristy_xiao: 想要小雞雞 想站著噓噓 想嫖宿帥哥哥 想不要背單詞 想吃水煮魚 想給葉子哥哥做一輩子小三 想永遠告別童裝 想一直陪著乖爸爸 想大河馬不再欺負me 想葉子哥哥考上好大學 想........
 
RT @zkaip: ！！！RT @a_muer: ！！！！RT @Elvasiu: 打滚RT @staysm: 同打滚~~RT @S_pang: 我要看木耳的C～打滚～ from 盖茨
 
RT @Viola_L 呃……囧喵RT @lyzgeorge: 诶~老鼠RT @LuciferSheng: 支, 支支支, 支支 RT @clc4214: 嘎嘎嘎嘎: @Jester_5ZP: 汪汪汪~ @AngelSolo: 喵
 
RT @saintjohn_zheng: 一呼百兽应 RT @Viola_L: 呃……囧喵RT @lyzgeorge: 诶~老鼠RT @LuciferSheng: 支, 支支支, 支支 RT @clc4214: 嘎嘎嘎嘎: @Jester_5ZP: 汪汪汪~ @AngelSolo: 喵@lyzgeorge: 汪~RT
 
RT @vikivone: 滚床去(づ￣ 3￣)づ...滚来滚去……~(～o￣▽￣)～o 。。。滚来滚去……o～(＿△＿o～) ~。。。大家安安啦~~~ o(*￣▽￣*)ブ

> 小邪的用户名是 Angelsolo 欢迎FO喔，传送门 - http://twitter.com/angelsolo

如何使WP-Super-Cache支持Nginx

邪罗刹 — Mon, 12 Jul 2010 07:27:17 +0800

> 嘎嘎，小邪是标准的缓存控，啥都想要缓存一下以加快速度，所以这次要把 Super-Cache 搞定。
> 如果用的 Apache，是不需要那么麻烦的。不过如果用的是 Nginx，那么，来，开始强力折腾。

一. 使WP-Super-Cache支持Nginx：

> 首先登陆 SSH，进入 Nginx 的配置文件，然后创建一个新文件，保存为 Wordpress_001.conf。

1 2	-bash-3.2# cd /usr/local/nginx/conf -bash-3.2# vi wordpress_001.conf

> 然后将下面内容贴入编辑器。以下代码由插件作者博客处获取，有兴趣请过此传送门传送查看。
> 传送门 - http://ocaoimh.ie/wordpress-nginx-wp-super-cache/

location / {
# if the requested file exists, return it immediately
               if (-f $request_filename) {
                       break;
               }
               set $supercache_file '';
               set $supercache_uri $request_uri;
               if ($request_method = POST) {
                       set $supercache_uri '';
               }
# Using pretty permalinks, so bypass the cache for any query string
               if ($query_string) {
                       set $supercache_uri '';
               }
               if ($http_cookie ~* "comment_author_|wordpress|wp-postpass_" ) {
                       set $supercache_uri '';
               }
# if we haven't bypassed the cache, specify our supercache file
               if ($supercache_uri ~ ^(.+)$) {
                       set $supercache_file /wp-content/cache/supercache/$http_host/$1index.html;
               }
# only rewrite to the supercache file if it actually exists
               if (-f $document_root$supercache_file) {
                       rewrite ^(.*)$ $supercache_file break;
               }
# all other requests go to WordPress
               if (!-e $request_filename) {
                       rewrite . /index.php last;
               }
}

:wq //接着保存退出编辑器 P.s. 双斜杠及后续内容表示注释
-bash-3.2# cd ../ //这个命令是返回上层目录
-bash-3.2# ls //列出目录文件
dabr.conf               koi-utf             other.conf
discuz.conf             koi-win             sablog.conf
fastcgi.conf            mime.types          typecho.conf
fastcgi.conf.default    mime.types.default  vhost
fastcgi_params          n.conf              win-utf
fastcgi_params.default  nginx.conf          wordpress.conf
fcgi.conf               nginx.conf.default  wordpress_evlos.conf
imsurl.conf             none.conf
-bash-3.2# vi nginx.conf //如果直接建立在主机上，就编辑这个配置文件
-bash-3.2# cd vhost //否则就请进入虚拟主机配置文件目录
-bash-3.2# vi evlos.org.conf //编辑当前虚拟主机配置文件

root  /home/host/evlos.org;
//一般找到上面这行配置
include wordpress_001.conf;
//然后添加下面这行来载入刚才的 Wordpress_001.conf，如果已经存在则修改

1 2	-bash-3.2# ./lnmp restart //如果是 Lnmp，那么重启一下就OK鸟，嘿嘿嘿

二. 关于插件的配置：

> 首先启用 WP-Super-Cache 插件，如果要设置手机访问缓存，请选择 Mobile device support。

> 缓存时间设置为 864000 秒，因为发表文章和评论时会自动更新，所以小邪觉得这样蛮合理的。

三. Preload Cache：

> 因为这个插件的汉化包不是最新的，所以请大家挺住，这里英文小邪会简单讲解一下，要蛋定。

> 下面小邪会简单翻译一下，并按照自己的理解补充进行一下说明，呵呵，不好的地方请见谅哈。

This will cache every published post and page on your site. It will create supercache static files so unknown visitors (including bots) will hit a cached page. This will probably help your Google ranking as they are using speed as a metric when judging websites now.
 
//简单说，一般缓存文件都是在用户访问这个页面时候才产生的，也就是说如果清理过缓存，那么所有的页面只有在被访问的时候才会产生缓存。如果是 Google 对网站进行排名的时候，（因为目前 Google 也将网站的访问速度作为一个重要的评价因素 By 小邪），所以会对这个评价有不利的影响，（汗，应该也就是小邪的评价一直很低的原因）。
 
Preloading creates lots of files however. Caching is done from the newest post to the oldest so please consider only caching the newest if you have lots (10,000+) of posts. This is especially important on shared hosting.
 
//预加载的作用是提前将博客里面所有的页面都提前一次性批量生成缓存，但是请注意在生成的时候会占用一定的资源，如果是合租VPS之类的，（请在访问量小的时候进行 by 小邪）。
 
In ’Preload Mode’ regular garbage collection will only clean out old half-on files for known users, not the preloaded supercache files. This is a recommended setting when the cache is preloaded.
 
//缓存文件操作与 WP-super-cache 半开启状态的文件无关
 
Refresh preloaded cache files every  minutes. (0 to disable, minimum 30 minutes.)
 
//缓存文件刷新时间，小邪觉得这里填半个月都木有关系，21600 min 为半个月
 
Preload mode (garbage collection only on half-on cache files. Recommended.)
//开启预加载模式
 
Send me status emails when files are refreshed.
//预加载邮件报告功能开关
 
     Many emails, 2 emails per 100 posts.
     Medium, 1 email per 100 posts.
     Less emails, 1 at the start and 1 at the end of preloading all posts.

三. 关于菠萝阁回复邮件通知被认为垃圾邮件：

> 额，杯具了这个，小邪的回复邮件通知不知道被谁举报为垃圾邮件，所以 Gmail 进行了过滤。

> 目前的解决办法 -
> 1. 请点击 Gmail 邮件窗口顶部的 “创建过滤器”
> 2. 发件人处请填入 lost578@gmail.com 并点击下一步
> 3. 将 “不要将其发送至“垃圾邮件”” 勾选并点击更新过滤器即可

> 好大的一个茶几啊啊 ~ ~ (～o￣▽￣)～o ~，回头看看发封邮件给谷歌有木有用，春哥保佑 >.<。