关于 Velocity China 2011

Velocity 会议是由 O'Reilly 和淘宝合办的技术大会, 主要面向 Web 开发人员, 涉及网站前后端方方面面, 提供优化 Web 页面的最佳实践. 今年是 Velocity China 的第二届, 同样请来了一些国内外的大牛为大家分享工作经验和研发成果.

话题

大会一共两天, 37 场演讲. 上午使用大会场, 全员参与, 是一些主题性质的演讲, 也有广告. 下午分成 A, B, C 三个会场, 多是一些公司的案例分享和技术探讨.

演讲内容都围绕网站性能优化方案及性能检测工具分享. 比如 Julia Lee 的《事半功倍的广告性能》和 汪志恒的《用户延迟测量的实践、完善和工具》. 话题也不限于网页上的技术实现, 还有体验, 设备和网络相关的内容, 比如 David Wei 的《移动互联网应用的性能优化》.

后话

这是我第一次参加 Velocity China, 大会内容跟预想有那么些不一样, 有些话题乏味无聊, 但多数都是很有价值的, 现在大家可以在 Velocity China 官方网站下载嘉宾的 PDF 文件, 但视频还没发布, 大家等吧...

会议之外, 比较高兴的是搞了个 Yahoo! 的超大杯子, 省得来回接水, 装上水不用来回跑. 另外也有比较倒霉的, 现场买了本书, 回来路上落在出租车上了.

• Google 撤出中国?
• 360 扣扣保镖对阵腾讯 QQ
• 在墙外
• IE6 必死
• Google DevFest 互联网技术交流会

是否你也想过为网站定义一个图标, 如果用户将网站添加至主屏幕, 网站链接看起来更像原生程序, 也能获得更多的关注. 除了兼容手机端的浏览体验, 我们还能做得更多, 为 iPhone 和 iPad 自定义网站的主屏幕图标也算其中之一, 本文将对网站的主屏幕图标及其设定方法为进行详细介绍.

网站的主屏幕图标

iPhone/iPad 上的原生浏览器可以向主屏幕添加小图标, 作为网站入口. 如下:

如果网站没做过兼容处理, 小图标显示的是网页截图. 效果如下:

我们再看看 Apple 自己的页面, 它已经设定了主屏幕图标, 效果如下:

设定主屏幕图标

看到上面的截图, 我想你会打算自定义一个图标了. iOS 的网页图标与传统的网页 favicon 相似, 处理方式也差不多, 下面会为你介绍几种处理方式.

放置在默认位置

创建一个 PNG 图片, 命名为 apple-touch-icon.png 或者 apple-touch-icon-precomposed.png, 放置在网站根目录即可.

指定图标路径

为页面指定一个图标路径, 在网页的 head 部分代码如下:

<link rel="apple-touch-icon" href="/custom_icon.png"/>

为不同设备指定图标

在网页中为不同的设备指定特殊图标, 因为 iPhone 和 iPad 的图标尺寸不一样, 需要 sizes 属性来进行区分, 如果没有定义 sizes 属性, 默认 sizes 是 57 x 57. 代码如下:

<link rel="apple-touch-icon" href="touch-icon-iphone.png" />
<link rel="apple-touch-icon" sizes="72x72" href="touch-icon-ipad.png" />
<link rel="apple-touch-icon" sizes="114x114" href="touch-icon-iphone4.png" />

如果没有图片尺寸可以匹配设备图标的尺寸, 存在比设备图标大的图片, 将使用比设备图标尺寸略大的图片; 如果没有比设备图标大的图片, 则使用最大的图片.

如果没有在网页中指定图标路径, 将会在根目录搜寻以 apple-touch-icon... 和 apple-touch-icon-precomposed... 作为前缀的 PNG 图片. 假设现在有一个设备的图标大小是 57 x 57, 系统将按以下顺序搜寻图标:

1. apple-touch-icon-57x57-precomposed.png
2. apple-touch-icon-57x57.png
3. apple-touch-icon-precomposed.png
4. apple-touch-icon.png

主屏幕图标尺寸

iPhone 和 iPod (iTouch) 使用的图标尺寸:

• 57 x 57 pixels
• 114 x 114 pixels (高分辨率, iPhone 4 或以上使用)

iPad 使用的图标尺寸:

• 72 x 72 pixels

主屏幕图标效果

当我们将图片作为主屏幕图标, iOS 系统会自动为图标加上视觉效果:

• 圆角
• 阴影
• 高亮

例如, 一个 57 x 57 的网站图标如下:

当用户将网页添加到主屏幕, 图标会加上上述效果, 如下:

所以我们无需对图片做太多处理, 提供符合尺寸的正方形图片即可.

无论是将图标放在默认位置上, 还是指定图标路径, 如果图标带有 -precomposed 后缀 (如: apple-touch-icon-precomposed.png), 系统将不会为你加上高亮效果.

后话

本文参考了 Safari 开发文档的两篇文章:《Configuring Web Applications》和《Custom Icon and Image Creation Guidelines》. 主要摘要了关于主屏幕图标的一些内容, 如果发现错漏和疑问, 请留言反馈.

我也为这个博客添加主屏幕图标, 同学们可以在设备中打开试试效果.

• App 每日推送 - 挖掘免费 iPhone/iPad 应用
• iPad 绘图工具 Adobe Ideas
• 魅族 M8 的 iPhone 风格主题 Suave
• Tango 图标: 番茄
• I am back

自去年 11 月去重庆认识了一个新浪的人, 我开始用上新浪微博. 作为 Twitter 过来的用户, 本人从心里对新浪微博是有排斥的, 觉得它不好. 但是, 它确实改变了我的生活, 起码改变了我上网的行为.

现在, 新浪微博页面在我机器上的打开时间应该仅次于我服务的网站, Firefox 地址栏上敲 t 字母的域名联想也超越了 taobao.com, tudou.com 和 twitter.com. 而其它社会化网站上得越来越少, 甚至已经废弃. 我不再上校内, 关闭了 Qzone; Twitter 上尽管有 3,000 的 followers, 也上得很少了, 毕竟有诸多的不便.

接触 Twitter, 认识微博

对我而言, 微博是什么? 记得我刚玩 Twitter 的时候, 觉得这么个记录只言片语的简单程序没什么好玩的, 于是我疑惑地请教那些玩了很久的朋友. 他们这么对我说, 微博就像一个露天广场, 人们都在那, 你吼一声, 对你感兴趣的人都能听到. 正因为这种开阔的, 臭味相投式的关注, 让微博上的话题总能引起共鸣, 让草根的声音可以变得很大. 从此我开始碎碎念, 学会了 RT 和围观. 不巧, 基于某些不可告人的原因, Twitter 变得遥不可及, 起码对多数玩家是如此, 于是说话的人越来越少, 说话的人话越来越多, 像关在小黑屋里面唧唧小语, 很有情调, 却像是少了什么一样.

其他社会化网站

之后玩了一阵校内, 也就是人人网. 初玩的时候很欢快, 甚至惊喜不断, 因为找到了很多 "失散" 多年的朋友, 但因为空间过于狭小, 越发无趣. 感觉就像每人一个小房间, 需要敲门进入, 留下脚印, 圈子基本上跟生活中的一样. 既然与生活圈子无异, 何不在周末组织次活动? Qzone 也是类似, 一直是我吐槽的对象, 并非不好, 不适合我.

选择新浪微博

继饭否和叽歪后, 国内又开始盛行微博, 与之前不同, 这次的微博都与 Twitter 长得不那么一样, 甚至我一度认为这不是微博, 而是另一个校内 (这正是我排斥的原因). 无论是作为战略级产品的新浪微博, 作为变革型产品的网易微博, 作为阻击型产品的腾讯微博, 还是作为跟随型产品的搜狐微博^[1], 都有自己的特点和不同的策略.

因为对网易的喜爱, 我最先注册的是网易微博, 而不得不吐槽的是, 我用 Gmail 注册的帐号不能找回密码 (只支持网易通行证), 多时不能解决. 出于 "无奈" 注册了新浪微博, 或是因为先入, 或是因为名人, 新浪微博在国内确实大大领先于其他类似服务, 用新浪微博的同事和朋友越来越多, 甚至有同事开玩笑说可以通过微博发会议邀请了. 是的, 我被 "绑架" 了, 除非 Twitter 回来, 饭否复活, 腾讯微博爆发什么的貌似都浮云了.

新浪微博的可玩性

新浪微博可玩性在哪? 站在一般用户的角度, 其可玩性就在其娱乐化, 不但切合了中国人网络娱乐化的特点, 还避开了大量不必要的政治风险. Twitter 的老用户经常抱怨新浪微博上绯闻上万转发, 国事无人 RT, 或许这正是新浪微博的成功. 而现在, 除了利用微博搞网络营销, 还有人做一些与民生相关的公益活动, 而 @随手拍解救大龄女青年 和 @随手拍解救大龄男青年 将此推向了另一个高度, 这不只营销, 还需具有相当的使命感.

我写这个文章并不是想说服大家去开通一个新浪微博, 无非是写写个人的看法. 而微博上的信息就像一道光, 一闪即逝, 很多东西还需要博客来承载, 在工作闲暇之时, 我会继续在博客中分享更多个人的技术, 想法和作品.

如果你也有新浪微博, 欢迎关注我 @吴钊.

• WordPress 插件 Thread Twitter
• Thread Twitter 0.5
• 广州推友聚会
• 通过 Gtalk 更新 Plurk
• 微博客的 RT 方式

其实 Feedsky 有这样的数据文本提供, 是一个 XML, 数据是本月的订阅人数列表. (我猜外部调用的 Flash 需要调用这个 XML 来生成图形). 如我的 ID 是 mg12, 那么我的帐户数据文件 URL 是:
http://www.feedsky.com/rpc/feed_statistic_xml.php?u=mg12
当日是 12 月 2 日, 那么我们可以获得 XML 文件内容如下.

<month value="201012" burl="mg12" bsp="feedsky">
	<day value="20101201" subcount="3656" onlinecount="172"/>
	<day value="20101202" subcount="3678" onlinecount="178"/>
</month>

其中 subcount 是订阅人数, onlinecount 是文章点击次数.
(文章点击次数指的是读者从订阅文章中的链接点击进入博客页面的次数.)

通过这么一个 XML, 我们当然可以取得当前订阅数, 但为什么 Feedsky 不向我们直接提供该数值呢? 商业行为我们不作考虑, 其实通过服务器获取订阅数并在页面上显示给终端用户, 这种做法是有问题的. 有什么问题呢? 我们先看看下图.

用户访问博客会有这么 4 步. 其中 2, 3 两步是博客服务器访问 Feedsky 服务器来获取这个 XML 文件, 最后通过第 4 步将订阅数显示给博客读者. 如果 Feedsky 服务器故障, 数据返回速度超慢, 将导致页面加载速度超慢, 甚至破页. 试想一下, 如果你的博客服务器在美国, 当用户访问你的博客时, 读者从中国访问美国服务器, 服务器再从美国访问中国 Feedsky 服务, 最后将数据显示给读者, 绕了一个大圈.

如果数据是由页面的 Flash 进行访问并显示在页面上, 则这是由客户端向 Feedsky 服务器发出的请求, 不影响页面加载速度, 如下图.

订阅数每日定时更新

若我们仍想获得 Feedsky 订阅数的文本形式, 可以有好的实现方法吗? 有的. 订阅人数其实每日仅一次更新, 那我们是否可以每日取一次数据, 并存储到数据库中; 在页面显示的时候, 从数据库获取订阅数而不是再去 Feedsky 服务器取数据.

每日从 Feedsky 服务器获取订阅数, 并同步更新到服务器的处理.

前 3 步我们做的事情是从 Feedsky 服务器获取数据文件, 对文件内容进行处理并取得订阅数.

/**
 * 通过 Feedsky ID 获取订阅数量
 */
function getFeedskySubcount($feedskyId) {
	$url = 'http://www.feedsky.com/rpc/feed_statistic_xml.php?u=' . $feedskyId;
	$dom = new DOMDocument('1.0', 'UTF-8');
	$dom->Load($url);
	$items = $dom->firstChild->childNodes;
 
	// 获取昨天的订阅数量 (Feedsky 的时区是 UTC+8)
	$yesterday = date("Ymd", time() + 3600 * 8 - 86400); // 86400 = 24 * 60 * 60;
 
	// 如果昨天的数据存在, 则返回昨天的订阅数
	foreach ($items as $item) {
		if ($item->nodeType == 1) {
			$date = $item->getAttribute('value');
			if ($date == $yesterday) {
				$value = $item->getAttribute('subcount');
				return $value;
			}
		}
	}
 
	// 如果昨天的数据不存在, 则返回最后一天的订阅数
	foreach ($items as $item) {
		if ($item->nodeType == 1) {
			$date = $item->getAttribute('value');
			$values[$date] = $item->getAttribute('subcount');
		}
	}
	krsort($values);
	return array_shift($values);
}

第 4 步则只是将订阅数保存到数据库里面.

/**
 * 更新订阅数到数据库
 */
function updateSubcount() {
	$count = getFeedskySubcount('mg12'); // 其中 mg12 是 Feedsky ID
	update_option('subcount', $count);
}

以上 4 步这完成了一次订阅数更新服务, 这是每日一更新的. 如果是 WordPress, 我们可以使用 WP-Cron 来循环安排任务执行. (可以参考我之前写的文章: WordPress Cron 定时任务)

add_action('subcount_scheduled_update', 'updateSubcount');
if(!wp_next_scheduled('subcount_scheduled_update')) {
	wp_schedule_event(time(), 'daily', 'subcount_scheduled_update');
}

显示订阅数

当 Feedsky 统计数据每日被同步到数据库中, 我们就可以很方便地取得订阅数.

可以通过以下方法将订阅数显示到页面上.

echo get_option('subcount');

说得有点啰嗦, 只是为了说明白为什么要这样做, 你懂的. 另外, 我写了一个 PHP 类, 用于获取 Feedsky 订阅数和点击数, 以便其他 PHP 程序和应用使用, 点击下方的链接转跳下载页面:
http://www.boxcn.net/shared/fmchb1z202

• WordPress 上的 Feedsky 统计插件
• 在主题上添加风格切换功能 (2)
• 将 Blogroll 分为两栏 (1)
• WordPress 不同页面显示不一样的侧边栏
• 拿福能和千人挑战活动

我一直觉得这两个软件是否存在对我影响不大, 作为茶余饭后的话题笑笑罢了. 直到今晚我爸给我打电话, 表示 QQ 上不了. 因为我长期在外, 怕我家人乱开网页中木马, 所以在机器上装了 360 安全卫士. 有时会跟父母聊天, 考虑我上 Q 时会比较有空, 所以给他装了 QQ. 我爸连那胖企鹅叫啥都不知道, 没想到它就这样自宫了... 我如何是好? 只能找个亲戚或者朋友到我家给我爸装个旺旺了.

有人说奇虎这次玩过了, 怕被腾讯仿制作品挤掉, 狗急了跳墙而出此下策. 但我总觉得他们已经预料到会有类似的事情发生, 起码现在他的目的达到了.

腾讯真他妈的够扯淡. 看到那个弹窗我顿时菊花一紧, 我震惊了, 是不是腾讯可以通过 QQ 控制我的电脑? 而这次的罢工更是无厘头, webQQ 首页的说明文档改了也没用, 与其说是被迫的反击, 不如认为就是绑架用户, 强迫大家放弃竞争对手. 朋友 @Jason5Ng32 的评论说在点上了:

今天腾讯让你不用 360, 明天可以让你卸载其它软件, 后天甚至可以告诉你必须使用腾讯 OS 才能登录 QQ. 腾讯你敢说你尊重用户利益? 腾讯你敢说你不是在要挟用户? 马化腾你还是领住房补贴去吧.

很多杀毒软件纷纷宣布免费, 打算迅速占领市场. 而腾讯与他们联手了... 不知道某人想过没有? 金山词霸的聊天工具抄自 QQ, 词霸空间抄自 QQ 空间. 敌人的敌人也不见得就是朋友.

腾讯这几年的成果大家有目共睹, 我一直觉得它可以成为中国乃至世界上伟大的互联网企业, 好吧, 可能是我看错了.

故事还有个小插曲, 因为 QQ 自宫, 我的博客流量昨天翻了一倍, 因为我写过一个关于 Gtalk 建群的文章, 由衷感谢腾讯拍板让 QQ 自宫的同学.

最后广告一下, 欢迎跳槽阿里. 应聘前端可以直接联系我 (请使用 Gtalk 或者 Email), 应聘视觉和交互请转跳 UED 团队招聘网页, 其他职位请转跳阿里巴巴招聘网页.

• Talk to Me
• BlackBerry and Testa
• 建立 Gtalk 群聊的两种方法
• The IMs
• 裸奔的人中毒了

网上能找到很多提供分享按钮功能的控件和插件, 但是往往功能过于强大. 大部分插件将分享, 收藏, 订阅等功能全集合与一身, 涵盖海内外几乎所有的相关服务. 其中一些提供了个性化设置, 可以筛选服务, 但是同样耗费了大量资源 (图片和代码); 还有一些插件隐藏了部分分享按钮, 以减少对页面空间的需求, 但同时交互形式却变得复杂. 所以我自己写了一段代码来实现这个功能, 现在分享一下.

分享按钮 DEMO

HTML

<div id="share">
	Share on:
	<a rel="nofollow" id="facebook-share" title="Facebook">Facebook</a>
	<a rel="nofollow" id="twitter-share" title="Twitter">Twitter</a>
	<a rel="nofollow" id="delicious-share" title="Delicious">Delicious</a>
	<a rel="nofollow" id="kaixin001-share" title="开心网">开心网</a>
	<a rel="nofollow" id="renren-share" title="人人网">人人网</a>
	<a rel="nofollow" id="douban-share" title="豆瓣">豆瓣</a>
	<a rel="nofollow" id="sina-share" title="新浪微博">新浪微博</a>
	<a rel="nofollow" id="netease-share" title="网易微博">网易微博</a>
	<a rel="nofollow" id="tencent-share" title="腾讯微博">腾讯微博</a>
</div>

CSS

#share,#share a{line-height:16px}
#share a{display:inline-block;width:16px;height:16px;text-indent:-999em;cursor:pointer;margin-left:5px;background:url(http://photo.tuhigh.com/pics/1044/1024/187252t1287897845550_o.png) no-repeat}
#share a#facebook-share{background-position:0 0}
#share a#twitter-share{background-position:0 -16px}
#share a#delicious-share{background-position:0 -32px}
#share a#kaixin001-share{background-position:0 -48px}
#share a#renren-share{background-position:0 -64px}
#share a#douban-share{background-position:0 -80px}
#share a#sina-share{background-position:0 -96px}
#share a#netease-share{background-position:0 -112px}
#share a#tencent-share{background-position:0 -128px}

JavaScript

function addListener(node, type, listener, obj) {
	var param = obj || {};
 
	if(node.addEventListener) {
		node.addEventListener(type, function(ev){listener(ev, param);}, false);
		return true;
	} else if(node.attachEvent) {
		node['e' + type + listener] = listener;
		node[type + listener] = function() {
			node['e' + type + listener](window.event, param);
		};
		node.attachEvent('on' + type, node[type + listener]);
		return true;
	}
	return false;
}
 
function getParamsOfShareWindow(width, height) {
	return ['toolbar=0,status=0,resizable=1,width=' + width + ',height=' + height + ',left=',(screen.width-width)/2,',top=',(screen.height-height)/2].join('');
}
 
function bindShareList() {
	var link = encodeURIComponent(document.location); // 文章链接
	var title = encodeURIComponent(document.title.substring(0,76)); // 文章标题
	var source = encodeURIComponent('网站名称'); // 网站名称
	var windowName = 'share'; // 子窗口别称
	var site = 'http://www.example.com/'; // 网站链接
 
	addListener(document.getElementById('facebook-share'), 'click', function() {
		var url = 'http://facebook.com/share.php?u=' + link + '&t=' + title;
		var params = getParamsOfShareWindow(626, 436);
		window.open(url, windowName, params);
	});
 
	addListener(document.getElementById('twitter-share'), 'click', function() {
		var url = 'http://twitter.com/share?url=' + link + '&text=' + title;
		var params = getParamsOfShareWindow(500, 375);
		window.open(url, windowName, params);
	});
 
	addListener(document.getElementById('delicious-share'), 'click', function() {
		var url = 'http://delicious.com/post?url=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(550, 550);
		window.open(url, windowName, params);
	});
 
	addListener(document.getElementById('kaixin001-share'), 'click', function() {
		var url = 'http://www.kaixin001.com/repaste/share.php?rurl=' + link + '&rcontent=' + link + '&rtitle=' + title;
		var params = getParamsOfShareWindow(540, 342);
		window.open(url, windowName, params);
	});
 
	addListener(document.getElementById('renren-share'), 'click', function() {
		var url = 'http://share.renren.com/share/buttonshare?link=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(626, 436);
		window.open(url, windowName, params);
	});
 
	addListener(document.getElementById('douban-share'), 'click', function() {
		var url = 'http://www.douban.com/recommend/?url=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(450, 350);
		window.open(url, windowName, params);
	});
 
	addListener(document.getElementById('sina-share'), 'click', function() {
		var url = 'http://v.t.sina.com.cn/share/share.php?url=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(607, 523);
		window.open(url, windowName, params);
	});
 
	addListener(document.getElementById('netease-share'), 'click', function() {
		var url = 'http://t.163.com/article/user/checkLogin.do?link=' + link + 'source=' + source + '&info='+ title + ' ' + link;
		var params = getParamsOfShareWindow(642, 468);
		window.open(url, windowName, params);
	});
 
	addListener(document.getElementById('tencent-share'), 'click', function() {
		var url = 'http://v.t.qq.com/share/share.php?title=' + title + '&url=' + link + '&site=' + site;
		var params = getParamsOfShareWindow(634, 668);
		window.open(url, windowName, params);
	});
}
 
bindShareList();

jQuery (JavaScript 和 jQuery 代码任选其一)

function getParamsOfShareWindow(width, height) {
	return ['toolbar=0,status=0,resizable=1,width=' + width + ',height=' + height + ',left=',(screen.width-width)/2,',top=',(screen.height-height)/2].join('');
}
 
function bindShareList() {
	var link = encodeURIComponent(document.location); // 文章链接
	var title = encodeURIComponent(document.title.substring(0,76)); // 文章标题
	var source = encodeURIComponent('网站名称'); // 网站名称
	var windowName = 'share'; // 子窗口别称
	var site = 'http://www.example.com/'; // 网站链接
 
	jQuery('#facebook-share').click(function() {
		var url = 'http://facebook.com/share.php?u=' + link + '&t=' + title;
		var params = getParamsOfShareWindow(626, 436);
		window.open(url, windowName, params);
	});
 
	jQuery('#twitter-share').click(function() {
		var url = 'http://twitter.com/share?url=' + link + '&text=' + title;
		var params = getParamsOfShareWindow(500, 375);
		window.open(url, windowName, params);
	});
 
	jQuery('#delicious-share').click(function() {
		var url = 'http://delicious.com/post?url=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(550, 550);
		window.open(url, windowName, params);
	});
 
	jQuery('#kaixin001-share').click(function() {
		var url = 'http://www.kaixin001.com/repaste/share.php?rurl=' + link + '&rcontent=' + link + '&rtitle=' + title;
		var params = getParamsOfShareWindow(540, 342);
		window.open(url, windowName, params);
	});
 
	jQuery('#renren-share').click(function() {
		var url = 'http://share.renren.com/share/buttonshare?link=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(626, 436);
		window.open(url, windowName, params);
	});
 
	jQuery('#douban-share').click(function() {
		var url = 'http://www.douban.com/recommend/?url=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(450, 350);
		window.open(url, windowName, params);
	});
 
	jQuery('#sina-share').click(function() {
		var url = 'http://v.t.sina.com.cn/share/share.php?url=' + link + '&title=' + title;
		var params = getParamsOfShareWindow(607, 523);
		window.open(url, windowName, params);
	});
 
	jQuery('#netease-share').click(function() {
		var url = 'http://t.163.com/article/user/checkLogin.do?link=' + link + 'source=' + source + '&info='+ title + ' ' + link;
		var params = getParamsOfShareWindow(642, 468);
		window.open(url, windowName, params);
	});
 
	jQuery('#tencent-share').click(function() {
		var url = 'http://v.t.qq.com/share/share.php?title=' + title + '&url=' + link + '&site=' + site;
		var params = getParamsOfShareWindow(634, 668);
		window.open(url, windowName, params);
	});
}
 
bindShareList();

这些分享按钮包括了社区转贴和微博推广两种类型, 因为某些服务的用户群体跟我的分享文章不匹配, 没有加进来, 要加入其他分享按钮的朋友请自行研究和添加.

• 随机排序广告
• 鸡蛋, 桔子
• iNove 1.3 发布
• Blog 两岁了!
• 谁动了我的订阅器

我们曾经发邮件邀请贵网站与我们互换链接,并且已经添加了贵网站的描述与友情链接,请见页面:http://hezuo.eachnet.com/pages/wanju.html
.但在过去的一个星期内,贵网站没能及时添加我们的友情链接,麻烦您尽快核实并添加!
链接地址是"http://daigou.eachnet.com/us/dcp/622447-wanjudongmanmoxingmaorong.html"
文字描述是"玩具"

然而我发现这并不是什么友情链接交换, 纯粹是一次运营活动.

Okay, 我们先来看看易趣的要求:
链接: http://daigou.eachnet.com/us/dcp/622447-wanjudongmanmoxingmaorong.html
文本: 玩具

很明显的, 这是一个跟玩具代购相关的网页, 针对爬虫而做的类目列表.

再来看看易趣能给我们的网站提供什么:

链接: http://hezuo.eachnet.com/pages/wanju.html

从界面看, 这样草草一个页面, 投入的资源可想而知. (如果这个页面有用到 UED, 这个 UED 可以拖出去毙了.)

从域名看, hezuo 应该是指 "合作", 但是这并不是易趣 footer 处的 "合作伙伴", 甚至你不可能在易趣的网站找到这个页面的入口, 爬虫能给这个页面多少权重可想而知.

从链接看, wanju 是 "玩具" 的意思, 玩具是中国对外出口量相当大的商品, 但我的网站根本不需要这个关键字, 易趣用这个关键字是为了自己方便管理. 既然如此, 那肯定还存在其他分组, 于是我试了一下 http://hezuo.eachnet.com/pages/fuzhuang.html, 真的还存在其他分组. 我还发现, 他们为了让大家看起来链接数量比较少, 对分组进行了分页, 于是又了类似下面的路径. (我震惊了.)
http://hezuo.eachnet.com/pages/books.html
http://hezuo.eachnet.com/pages/books13.html

这意味着什么? 易趣想通过一些没有价值的页面来换取很多可以获得 PR 的链接, 而与他交换链接的网站很有可能被搜索引擎惩罚, 因为用了明确的关键字作为链接, 但你的网站和他的页面内容完全不匹配.

也不知道这是哪个 PO 想出这样的臭点子, 真该吊起来弹小鸡鸡至死. 我认为这是个骗局, 是个笑话, 交换, 你就傻了.

• 360 扣扣保镖对阵腾讯 QQ
• Internet Explorer 8 Beta 1
• BlackBerry and Testa
• 找出网站上的死链接
• 奥巴马获胜演说的演讲稿与 MP3

不久 @doublechou 以《微博客的自由与独裁》驳斥可能吧, 文章很长, 虽有不实举例 (我真没跟 @icalcifer 师弟讨论过嫖娼之事), 但是文中很多观点正说明了为什么民间 RT 倍受亲睐.

我是一个专一的轻量级的微博用户. 尝试过的微博服务很少, 超过 30 推的也就 Twitter 一个. 我不依赖微博, 推数不多, followers 适中, 间歇性上推 (基本上无聊时上推最多), 很少发布带链接的 tweet. 甚至很长一段时间, 我不知道微博怎么玩, 也不知道它有什么价值. 我这样的人, 是为了图个热闹而用上 Twitter 的.

为什么多用民间 RT?

我很用力地想过这个问题, 无解. 但是当我再次用 RT 进行回复时, 我知道了. 当我看到一个自己觉得有趣的, 希望更多人看到的 tweet 时, 我就会 RT 它. 并且我在 retweet 的同时很希望加上自己的见解或者对此推进行呼应, 并且经常地回复很长. 所以我会频繁地发出这种回复式的 RT.

为什么民间 RT 行久不衰?

N 多人跟我说过 RT 推如何不好, 就像我跟别人说 IE 如何不好一样, 但是我一直没改, 反而越用越多, 越用越爽. 因为我发现民间 RT 对于话题的承接性和氛围的营造效果特别好, 并且我认为这是 Twitter 自身设计不足所造成的.

上大学的时候, 一个姓杨的教算法的经常早退的自称博士后的老师问过我们一个问题:"为什么学生总喜欢从学校的草坪上走过?" 当时有同学说那是因为学生品德不好, 或者懒惰成习. 老师否定这个说法:"那是因为校园的设计不合理."

如何更好使用 RT?

我压根就没有使用规则, 总不可能每访问一个网站就查看其导用指南吧, 别听禅叔叔瞎扯, 爱怎么用怎么用呗.

最后...

学校在教学二号楼的草坪上开了一个小道.

• Twitter 客户端推荐
• Thread Twitter 0.5
• WordPress 插件 Thread Twitter
• 广州推友聚会
• 关注新浪微博

早上到公司就看到同事纷纷议论关于谷歌可能撤出中国的事情. 消息来源于 Google 官方博客的一篇文章, 文中透露谷歌受到攻击, 有人试图进入 Gmail 邮箱来窃取一些敏感信息, 而且提到希望与政府谈判, 推出不过滤不审查的搜索产品, 若不果则考虑退出中国市场.

回来很晚, 但我还是看了一些相关的评论, 主流声音有两种. 或说网监行为已经超越了 Google 的底线, 导致大量负面影响, 只得无奈赌一把向政府出牌; 或说这只是商业伎俩, Google 根本不舍得放弃业绩上扬的中国市场.

对 Google 来说, 一个商业公司, 绝非为了中国网民可以使用便捷的搜索服务而到来. 来中国是为了商业利益, 但是政府要求的审查倍受非议, 并且影响 Google 在他国的业务开展. (相信要求屏蔽关键字的绝非中国大陆一家). 所以 Google 的底线很可能是屏蔽黄色, 暴力, 政治相关内容, 而不是屏蔽乱七八糟的 "高也" 等词.

对中国政府来说, 除了 "让国民思想简单, 心灵纯洁", 还想 "保持政府机关的低调作风", 我国税务收益很好, 也不在乎你一家半家的. 再不, 人民网也可以做一个 (期待再次看到 XSS 漏洞). 政府底线是, 敏感词要屏蔽, 而且是动态的.

如果展开谈判, 几乎是看不到成果的. 若 Google 谈判不果就拍屁股走人, 作为 5 年零 3 个月的 Google 忠实用户 (从有计算机开始一直用到现在), 或许应该悲愤万分, 或许也就只能洒泪挥别. 但 Google 离开, 绝对是中国互联网的耻辱.

最近很累, 就不多说了, 下面我推荐几个文章吧.
宁为玉碎，不为瓦全-为Google喝彩
Google or Goodbye
别再忍辱偷生，请谷歌退出中国
Google真的会退出中国吗？
Google可能退出中国市场

• Google.cn 的首页工具栏
• Google 10周年时间轴
• 整合 Google 自定义搜索 CSE
• Google DevFest 互联网技术交流会
• Google Reader Gadget

阅读下面一则寓言，根据要求作文。(60分)

有一个年轻人跋涉在漫长的人生路上，到了一个渡口的时候，他已经拥有了“健康”、“美貌”、“诚信”、“机敏”、“才学”、“金钱”、“荣誉”七个背囊。渡船开出时风平浪静，说不清过了多久，风起浪涌，小船上下颠簸，险象环生。艄公说：“船小负载重，客官须丢弃一个背囊方可安度难关。”看年轻人哪一个都舍不得丢，艄公又说：“有弃有取，有失有得。”年轻人思索了一会儿，把“诚信”抛进了水里。

寓言中“诚信”被抛弃了，它引发你想些什么呢？请以“诚信”为话题写一篇文章，可以写你的经历。体验、感受、看法和信念，也可以编写故事、寓言，等等。所写内容必须在“诚信”的范围之内。

【注意】
①立意自定。
②文体自选。
③题目自拟。
④不少于800字。

在看了新闻联播播出的关于中国谷歌涉嫌传播色情的报道后, 我一下子就头晕目眩, 心神不宁了. 厉害的怕狠的, 狠的怕不要脸的, 中国互联网可能真的没救了.

央视还真搞也^[1], 找个纯情大学生出来扮也^[2]. 2001 年的广东高考作文是 "诚信", 作为 2003 年的备考生, 我写了百九几次^[3], 相信有助开发黑心人的心智. 现以此送给央视, 送给高也. 建议相关人员以此为题写 800 字以上作文一篇, 否则很容易心神不宁.

搞也: 来自粤语. ①乱搞, 惹事生非; ②搞笑, 有趣; ③男女之事.
扮也: 来自粤语. ①伪装; ②故弄玄虚; ③装B.
百九几次: 来自周星驰的 "唐伯虎点秋香" 一戏. 百和九在粤语和古汉语中是虚词, 说明数量多, 很多次的意思.

• Alexander Graham Bell
• 谷歌音乐搜索栏的提示功能
• Google 撤出中国?
• 整合 Google 自定义搜索 CSE
• Google 帮你的博客搬家

下面我再一次回顾过去, 展望未来.

主机选择

30 块一年的垃圾空间 -> 明网 -> site5 -> (MT)MediaTemple

第一次买空间啥都不知道, 贪图便宜搞了个垃圾空间, 不过竟然用了半年.
第二次是明网, 但由于明网 2008 年 9 月由于欠费被停机, 并对客户消极对应和推卸责任, 本来一直说要支持国内空间的我经过这次算是看透了, 铁了心以后不再买国内空间. 今天 2 月他还有脸面问我是否续费, 去他 XX 的...
第三次是 Denis 同学他们的 site5 主机. 由于 site5 和电信 "纠葛不清", 并且流量显得有些不够, 所以转出来的, 但 demo.neoease.com 还是放在这个主机上.
现在正在用的是 (MT)MediaTemple 的 DV 主机. 很贵很稳定, 但速度好像也不咋样. 不过我会继续使用的, 稳定就是王道.

很多同学问我用的什么主机好, 我说 MT 好吧, 这主机真有够贵的, 不适合新手. 胡戈戈是我师弟, 最近在他那弄来个空间搭建了一个比较邪恶的网站 (啥网站就不说了, 比较邪恶就是), 感觉还不错, 性价比也还好. 而且胡戈戈服务巨周到, 还可以帮忙买域名再 push 给到你的帐号. 想买空间的朋友可以到他的网站去参考一下. 他的网站上好像还有很多关于建站的资料, 强烈建议新手去看看, 就算不买空间也不妨一去.

域名选择

mg12.name -> fighton.cn -> neoease.com

第一次看到 .name 新颖, 就买了, 还是在万网买的, 这次可是亏大了.
第二次是叫朋友帮我买的, 贪便宜, 还是被 CNNET 坑了.
第三次的这域名我决定非 .com 不要, 想了一整天就才注册的, 还是挺满意的, 不出意外就不换了. 后来我又把 neoease.org 和 neoease.net 给注册了, 另有他用.

关于域名注册, 我建议到 godaddy.com 或者 name.com 注册, godaddy.com 会比 name.com 便宜一点, 但是后者提供免费的信息屏蔽服务. 前面说过, 胡戈戈同志会帮忙买域名, 如果你想了解更多, 可以咨询一下他. 需要美元可以找我兑换.

网站排名

PageRank: 0 -> 2 -> 3 -> 4 -> 6 -> 7 -> 4 ->5
Alexa: ∞ -> 600,000+ -> 20,000+

PR 一直在上升, 完全没有受更换域名的影响 (以前我不会做 301, 囧), 在 iNove 发布后还一度上升到 PR7, 但是因为我卖链接, 被降到 4 (哦耶~), 但网站还有将近 20 万个反链接, 改邪归正后我相信会逐渐恢复权值的.

Alexa 一直稳步上升, 在 2 万名附近徘徊. 访客中有 60% IP 来自海外, 这可能是排名比较靠前的原因之一, 同时也说明我将主题和插件两个页面做成英文的策略是正确的.

广告投放

经过差不多一年 (其实是 7 个月左右, 有些月份我没投放 GA 广告) 的 Google Adsense 广告投放, 发现效果并不理想, 只有 50 美元. 原因有二, 1. 中文广告单价过低; 2. 我只在侧边栏投放广告, 并且广告只有一个, 所以点击数不够.

为此, 我已经撤下了 Google Adsense 广告, 换上了 125x125 的图片广告. 广告最多做 4 个, 内容不设重复的 (如: 胡戈戈做了个卖主机的广告, 我就不做其他主机相关的), 每月 100 人民币或 20 美元, 欢迎订购广告位.

主题插件

这一年来还是发布了两个主题, Blocks2 和 iNove.
Blocks2 是使用 Blocks 相同配色的一个空间实用性更高的图图片主题, 界面简洁清新, 方便修改.
iNove 是一款流行的风格, 经过数个版本的升级兼容性和扩展性都比较完善, 有 40 多个国家和地区的语言包支持. iNove 是我的福音, 一不小心被放在 WordPress Featured Themes 栏目上, 之后一直在下载第一名和第二名之间徘徊, 为我带来了大量流量和订制主题的活.
今年我准备还是发布两个免费主题, 其中一个的界面已经设计好了, 将会是一个面对 Group 的主题, 界面灰白, 将会用在 neoease.org 中. 但最近比较忙, 真不敢确定什么时候才能开始.

这段时间做了很多插件, 多是用于提高用户体验的, 包括为评论分页添加 AJAX Comments Pager 等, 还有针对 SEO 的 WP-EasyArchives. 最近我对其中一些插件进行了更新, 主要是让插件支持 jQuery 库, 由于 jQuery 的日趋流行, 很多博客都用上了它, 我也忍不住学了一点. 以后我会在所有插件中加上一个选项, 可以选择是否使用 jQuery 库. 而为了确保兼容性, 我没有使用 jQuery 的 $ 方法.
对于插件, 我一直没有发布计划, 一旦我找不到自己需要的插件就会自己做, 做出来就可能发布, 一直皆如此.

感谢你们

我需要感谢很多人... 感谢我的朋友, 感谢所以在此关注的人, 订阅的人, 留言的人, 为免漏人, 我就不点名了. 不过我要特别感谢一下所有捐献给我的人, 无论是捐献主题插件的译本还是捐献金钱.
一年来我收到了很多针对主题和插件的语言包和宝贵的意见反馈; 也得到了来自世界各地的捐款 (博客右上角加了个捐款的按钮), 有 $1, $2 的, 也有 $10, $20 的, 数目虽然不大, 但是着都是对我的有力支持.
谢谢你们的关注, 谢谢你们的评论和捐献.
Thanks for your attention, and thanks for your comments, and thanks for your translations, and thanks for your donation.

何来何往?

去年的总结性文章中, 我谈到了关于开博的几个初衷, 那几点我觉得都已经做到了. 博客不仅仅是博客, 接下来我需要一些突破, 将来的一年, 我可能会彻底对博客作出大的调整, 或者添加一些周边的服务. 到时同样需要你们的支持和协助, 谢谢!

• Blog 一岁了!
• WordPress 新主题 iNove
• 用 JavaScript 输出页面代码
• 更新至 WordPress 2.7 正式版
• iNove 1.3 发布

不知道什么时候, QQ 空间可以用 Firefox 访问了, 而我的空间也离奇复活了. 对于这种不约而至我有点惊喜和无奈, 这次不想再关闭它了, 就放着吧, 心血来潮的时候就去更新一下.
现在 QQ 空间里有个叫 "买卖好友" 的游戏, 很无厘头, 不过挺好玩.

最近春雨绵绵, 人也比较忙哪, 网友的一些问题我是没时间逐一回答了, 对于一些常被提问的, 我会写成文章发布.

• 关闭了QQ空间
• 用 Browsershots 测试网页兼容性
• 关注新浪微博
• QQ 2008 beta1 祈福版
• Linux 版 QQ 即将发布

昨天这个时候博客还没有开通的, 今天已经有了一篇文章, 文章内容包括英文原文和译文, 博主科比在文中简单地介绍了一下自己的这个博客. (很不习惯译文在前, 原文在后)

新浪很疯狂, 新浪网友更疯狂, 已经 10000+ 的评论了. 第一个留言者还很不厚道, 竟然一个人将 1, 2, 3, 4, 5 层全部霸占了.

我也很想留个言的, 奈何没有新浪的账号 (忘记了账号), 没法留言, 所以干脆订阅算了. 订阅了它就可以窥视当下红透半边天的 NBA 球星哦, 还可以顺便学学美式英语, 你还等什么?

• Hello world!
• 广州推友聚会
• Blog 两岁了!
• iNove 1.3 发布
• 为什么换用域名 neoease.com ?

阿里引入了 "交易流量" 的概念, 将对使用频繁的用户进行收费. 对于非认证账户, 对 500 元以上部分收费; 对于认证账户, 同一用户的所有账户, 对 5000 元以上部分收费. 按超出流量金额的 1.5% 进行收费, 收取最低 1 元, 最高 100 元.

对一般用户来说, 其实并没有什么直接影响, 除非你会用支付宝去买笔记本或者其他高价物品什么的. 但这 1.5% 可比银行收费还高呀, 不知道商家怎么看待呢? 以后选择使用支付宝付款时, 有可能商家会要求加手续费呢.

支付宝也是个产品, 它的使命是为老板创造经济效益, 并为用户创造使用价值. 如果觉得可以为你创造价值, 那么交点手续费又何妨? 要鸡给你生蛋, 那还得喂鸡啊.

• Internet Explorer 8 Beta 1
• 要不要买魅族 M8 呢?
• 百度此劫
• 奥巴马获胜演说的演讲稿与 MP3
• 鸡蛋, 桔子

Plurk 和 Twitter 一样, 也是一个即时短信息型社区, 可以让你播报短消息给你的朋友或者 followers 的一个在线服务. 与 Twitter 不同, Plurk 有一个时间轴, 你和你 follow 的朋友的短信息会被自右向左地贴在这个时间轴上, 非常好玩.

我注册了 Twitter, 饭否, 叽歪, Plurk, ... 几乎所有出名的短信息服务, 但一直没真正的使用过. 最近准备在其中选择一个使用. 其实我是偏爱 Twitter 的, 可能是因为通过那些非专用客户端用户根本无法体验 Twitter 的强大, 所以 Gtalk 机器人已经被废止了. 虽然 Twitter 有众多的, 强大的客户端程序, 但这为我带来了极大的不方便. 而最近 Plurk 却加上了使用 Google Talk/Jabber 进行更新的支持, 我觉得值得试用一下.

进入 "My Account -> Instant messaging" 填入你的 Gtalk 帐号, 选择 Google Talk/Jabber, 登记. 在你的 Gtalk 中就会接到 PlurkBuddy 的请求, 接受请求并对它输入你的帐号就大功告成了.
另外, 你可以在 "My Friends" 栏目里选择要不要跟踪他们的 IM 短信息.

我的帐号是 http://www.plurk.com/mg12, 欢迎 follow.

• 建立 Gtalk 群聊的两种方法
• Digsby = 即时通信 + 电邮通知 + 社区网络;
• IMified
• Google Talk Labs Edition
• Talk to Me