<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>NeoEase &#187; Blog</title>
	<atom:link href="http://www.neoease.com/tag/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.neoease.com</link>
	<description>MG12&#039;s Blog - Just Another WordPress Blog</description>
	<lastBuildDate>Sun, 08 Jan 2012 03:00:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>选择博客主机 - CloudLinux</title>
		<link>http://www.neoease.com/seeking-host-for-my-blog-cloud-linux/</link>
		<comments>http://www.neoease.com/seeking-host-for-my-blog-cloud-linux/#comments</comments>
		<pubDate>Mon, 05 Dec 2011 07:56:39 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[Hosting]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[CloudLinux]]></category>
		<category><![CDATA[IDC]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=2228</guid>
		<description><![CDATA[前段时间考虑换博客主机, 写了个相关的文章. 大家对主机购买的问题特别关心, 除了在文章中回复, 很有朋友还给我发了邮件和微博私信, 大概是问我对一些虚拟主机的看法, 怎么选择. 怎么问我都是那一句, 我还是会说: 适合的最好. 国内用户多的可以考虑日本和香港的主机, 当然美国的也挺快, 如果海外用户多, 那不用考虑就买美国主机吧. 如果你流量大需要考虑 VPS, 流量小买个虚拟主机就够了, 还有人帮你维护. 不要考虑 3, 5 年后怎么办, 不够用再说... IDC 和合租 前段时间我还跟 Showfom 和胡戈戈聊过, 他们也建议我买 VPS, 所以我决定买 Linode. 而一些流量还不是很大, 对主机要求不高的朋友可以考虑合租或者就国内 IDC 买个虚拟主机. 我现在用的 MT 就是跟朋友合租的. 几年前很流行合租, 但后来越来越少, 因为合租成员不稳定, 而且会有抢占资源的情况出现, 产生不愉快. 合租很好, 但我觉得略有风险, 最好找熟人一起. CloudLinux 和优惠码 用过虚拟主机的人可能知道, 会有很多虚拟主机跑在一台实体机器上, 机器资源是一定的, 如果其中有一些大户, 因为大户耗费过多 CPU, [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
前段时间考虑换博客主机, 写了个<a href="http://www.neoease.com/seeking-host-for-my-blog/">相关的文章</a>. 大家对主机购买的问题特别关心, 除了在文章中回复, 很有朋友还给我发了邮件和微博私信, 大概是问我对一些虚拟主机的看法, 怎么选择.
</p>
<p>
怎么问我都是那一句, 我还是会说: 适合的最好. 国内用户多的可以考虑日本和香港的主机, 当然美国的也挺快, 如果海外用户多, 那不用考虑就买美国主机吧. 如果你流量大需要考虑 VPS, 流量小买个虚拟主机就够了, 还有人帮你维护. 不要考虑 3, 5 年后怎么办, 不够用再说...
</p>
<p><span id="more-2228"></span></p>
<h3>IDC 和合租</h3>
<p>
前段时间我还跟 <a href="https://my.linost.com/aff.php?aff=387" rel="nofollow">Showfom</a> 和<a href="http://client.gegehost.com/aff.php?aff=316" rel="nofollow">胡戈戈</a>聊过, 他们也建议我买 VPS, 所以我决定买 Linode. 而一些流量还不是很大, 对主机要求不高的朋友可以考虑合租或者就<a href="https://my.linost.com/aff.php?aff=387">国内 IDC 买个虚拟主机</a>.
</p>
<p>
我现在用的 MT 就是跟朋友合租的. 几年前很流行合租, 但后来越来越少, 因为合租成员不稳定, 而且会有抢占资源的情况出现, 产生不愉快. 合租很好, 但我觉得略有风险, 最好找熟人一起.
</p>
<h3>CloudLinux 和优惠码</h3>
<p>
用过虚拟主机的人可能知道, 会有很多虚拟主机跑在一台实体机器上, 机器资源是一定的, 如果其中有一些大户, 因为大户耗费过多 CPU, 将直接影响小户的网站性能.
</p>
<p>
Showfom 说我 Out 了, 现在技术可牛逼, 现在 <a href="https://my.linost.com/aff.php?aff=387" rel="nofollow">Linost</a> 使用 <a href="http://zou.lu/linost/">CloudLinux</a>. 用他的话说就是:
</p>
<blockquote><p>
CloudLinux 能平均分配用户的资源, 独创的 kernel level 技术能确保每个用户使用的资源都是自己的, 比如CPU和内存，不用再和其他用户去 "抢占" 系统的资源, 保证资源公平使用.
</p></blockquote>
<p>
因为需用虚拟主机的大部分用户对资源消耗都比较小, 而少数几个大户可能占用了一大块服务器资源. CloudLinux 就是限制大户的资源消耗, 保证其他人的网站正常可用. Showfom 帮我开通了一个 100 块钱的帐号让我试用, 我在上面挂了个测试用的 WordPress, 效果还不错的. 对资源要求不高的朋友可以考虑.
</p>
<p>
Linost 现在推广 CloudLinux, 愿意提供优惠码作为促销活动. 购买主机的时候使用优惠码 <code>neoease</code> 可以享受终身 8 折优惠. <a href="https://my.linost.com/aff.php?aff=387" rel="nofollow">购买请点击</a>.
</p>
<h3>吐槽</h3>
<p>
最后我要吐槽一下 Linode, 今天购买 Linode VPS 的时候, 竟然给我报错, 说我的信用卡信息有误不可用.
</p>
<blockquote><p>
We're sorry, but the transaction failed. Please make sure your credit card information is correct and resubmit the form, or contact your credit card company for the reason your transaction failed. If you continue to have problems, please email service@linode.com.
</p></blockquote>
<p>
我给服务商写了邮件, 客服大姐让我找银行咨询...</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=2228" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/seeking-host-for-my-blog/" rel="bookmark">选择博客主机</a><!-- (10.8)--></li>
		<li><a href="http://www.neoease.com/hostucan-and-the-web-monitoring-tool/" rel="bookmark">主机点评网</a><!-- (3.3)--></li>
		<li><a href="http://www.neoease.com/who-touched-my-feed-reader/" rel="bookmark">谁动了我的订阅器</a><!-- (2.4)--></li>
		<li><a href="http://www.neoease.com/move-website-to-an-new-web-host/" rel="bookmark">迁移网站到新服务器</a><!-- (2)--></li>
		<li><a href="http://www.neoease.com/out-of-the-wall/" rel="bookmark">在墙外</a><!-- (1.1)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/seeking-host-for-my-blog-cloud-linux/feed/</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
		<item>
		<title>选择博客主机</title>
		<link>http://www.neoease.com/seeking-host-for-my-blog/</link>
		<comments>http://www.neoease.com/seeking-host-for-my-blog/#comments</comments>
		<pubDate>Wed, 09 Nov 2011 08:34:12 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[Hosting]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[IDC]]></category>
		<category><![CDATA[MT]]></category>
		<category><![CDATA[Virtual Host]]></category>
		<category><![CDATA[VPS]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=2184</guid>
		<description><![CDATA[经常会有些朋友问我用什么主机, 让我介绍一两款主机服务. 在中国这么个环境下, 对建站新手来说, 挑选主机确实是件头疼事. 想当年我也折腾了好一阵, 从 07 年到 08 年, 我就用过 3 个主机. 我也是在各种苦恼和尝试中寻找适合自己的主机, 现在还在寻找. 服务器又快到期了... 三年前, 我选择了传说中最贵最稳定的 MT (Media Temple). 作为老用户, 今天我会给 MT 主机这样的评价. 价格: 偏高 速度: 一般 稳定: 优秀 最近我在想, MT 是不是我的最佳选择? 根据某著名理论, 质量, 效率和价格三者, 只能牺牲其一而确保另外两点更优. 以 Media Temple DV 套餐的价格, 还有很多很多选择, 甚至可以买 VPS 了. 从这些维度来看, MT 显然不是我的最佳选择. 我对比了一轮, 有以下几种方案. 方案一: 向国内 [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
经常会有些朋友问我用什么<strong>主机</strong>, 让我介绍一两款主机服务. 在中国这么个环境下, 对建站新手来说, 挑选主机确实是件头疼事. 想当年我也折腾了好一阵, 从 07 年到 08 年, 我就用过 3 个主机. 我也是在各种苦恼和尝试中寻找适合自己的主机, 现在还在寻找. 服务器又快到期了...
</p>
<p><span id="more-2184"></span></p>
<p>
三年前, 我选择了传说中最贵最稳定的 <a href="http://mediatemple.net/" rel="external">MT (Media Temple)</a>. 作为老用户, 今天我会给 MT 主机这样的评价.
</p>
<ul>
<li>价格: 偏高</li>
<li>速度: 一般</li>
<li>稳定: 优秀</li>
</ul>
<p>
最近我在想, MT 是不是我的最佳选择? 根据某著名理论, 质量, 效率和价格三者, 只能牺牲其一而确保另外两点更优. 以 Media Temple DV 套餐的价格, 还有很多很多选择, 甚至可以买 VPS 了. 从这些维度来看, MT 显然不是我的最佳选择. 我对比了一轮, 有以下几种方案.
</p>
<h3>方案一: 向国内 IDC 购买美国虚拟主机</h3>
<p>
因为某些原因, 国内的主机国内 IDC 如雨后春笋般. 其中 <a href="http://client.gegehost.com/aff.php?aff=316" rel="external">GegeHost</a>, <a href="https://my.linost.com/aff.php?aff=387" rel="external">Linost</a>, <a href="http://my.laoxuehost.com/aff.php?aff=079" rel="external">老薛</a>等多款都在我的博客做过广告. <a href="http://client.gegehost.com/aff.php?aff=316" rel="nofollow external">胡戈戈</a>已经在我这做了三年的广告, 也给过我好几个帐号. 以前 WordPress 主题的 Demo 站用的就是他的主机, 为了容易管理, 我现在将挪走了; 现在这些主机我用来向一些客户展示产品. 相信这是大多数博客选择的方案, 这确实有很多好处的.
</p>
<p>
国内 IDC 都用 cPanel, 方便好用, 服务器也不用自己管. 价格便宜, 多人共用当然也分担了费用. 速度方面, 高阶的主机服务在国内的速度应该比 MT 好, 因为这些做主机买卖的同学都是针对中国市场购的机器. 另外, 因为特殊的网络环境, 经常会有赠品. 比如<a href="http://client.gegehost.com/aff.php?aff=316" rel="nofollow external">戈戈主机</a>吧, 现在有送域名和某些便于打通国际网络的附属产品.
</p>
<p>
而主要存在问题在稳定性. 不是说机器容易宕机, 而是可能因为某些用户的文章导致主机 IP 被屏蔽. 不过现在的 IDC 比多年前已经专业很多了 (两年前<a href="http://client.gegehost.com/aff.php?aff=316" rel="nofollow external">戈戈主机</a>还不能付费自动开通呢...), 一旦出事他们立即会更换 IP, 其实自己买个 IP 也是可以的.
</p>
<p>
低价格, 一般性能, 少流量, 免管理, 有屏蔽风险.
</p>
<h3>方案二: 转用 VPS</h3>
<p>
近两年, 越来越多人选择 VPS (虚拟专用服务器). VPS 可以确保所有资源为用户独享, 性能和安全性都较虚拟主机好. VPS 的运行和管理与独立服务器相同, 在性能和质量方面都给予用户更多, 价格在 $20 到 $200 每月不等.
</p>
<p>
对我来说, 价格比较搞, 而且要自己维护. 如果我不用 MT, 要加点钱才能买到个适合的 VPS. 这个博客没有到达需要用 VPS 的流量.
</p>
<p>
高价格, 高性能, 足够流量, 需要管理.
</p>
<h3>方案三: 继续用 MT 主机</h3>
<p>
这个 MT 主机是我跟朋友合租的, 这位朋友当年是技术控, 管个 Linux 服务器对他来说轻车熟路, 我也懒得去搞. 因为是合租的, 平摊下来价格并不是特别高, 可以接受. 使用这台主机的人互有相识, 不太可能出现被连累 (因为敏感文章被封 IP) 的情况, 所以相对稳定. 另外, 因为自己买的虚拟化主机, 开个 SSH 管理文件十分方便.
</p>
<p>
好处来自合租, 坏处也是. 如果服务器真有什么问题, 就重启一下 Apache 的功夫. 但是因为这位朋友忙于自己的事情, 比如出差, 不能及时处理. 也就是说没有专人给你监控, 自己买 VPS 应该也有类似的问题.
</p>
<p>
高价格, 一般性能, 足够流量, 无需管理, 没有处理问题不及时的风险.
</p>
<h3>总结</h3>
<p>
比较了一轮, 我自己还没确定. 看情况吧, 如果满足性能要求, 或许搞个独立域名搞个虚拟主机; 如果流量能再上去点, 就用 VPS; 如果忘记了, 那就续费 MT 吧.
</p>
<p>
不知道这个文章对那些询问主机的同学会不会有那么一点帮助呢? 如果确定不了或者新手入门, 不用劳神苦思了, 就随大众吧. 一个主机而已, 关键在于你的笔下.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=2184" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/seeking-host-for-my-blog-cloud-linux/" rel="bookmark">选择博客主机 - CloudLinux</a><!-- (7.9)--></li>
		<li><a href="http://www.neoease.com/move-website-to-an-new-web-host/" rel="bookmark">迁移网站到新服务器</a><!-- (2)--></li>
		<li><a href="http://www.neoease.com/out-of-the-wall/" rel="bookmark">在墙外</a><!-- (1.1)--></li>
		<li><a href="http://www.neoease.com/blog-birthday-2/" rel="bookmark">Blog 两岁了!</a><!-- (1.1)--></li>
		<li><a href="http://www.neoease.com/inove-13-released/" rel="bookmark">iNove 1.3 发布</a><!-- (1.1)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/seeking-host-for-my-blog/feed/</wfw:commentRss>
		<slash:comments>76</slash:comments>
		</item>
		<item>
		<title>自助建站平台 - Tap.cn</title>
		<link>http://www.neoease.com/self-service-build-blog-with-tap/</link>
		<comments>http://www.neoease.com/self-service-build-blog-with-tap/#comments</comments>
		<pubDate>Thu, 22 Sep 2011 10:58:04 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[Web Tool]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Build Website]]></category>
		<category><![CDATA[Tool]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=2031</guid>
		<description><![CDATA[我经常会在博客分享一些建站工具, 技巧, 其中很多关于 WordPress. WP 方便易用, 但对一些不懂技术的同学来说, 什么空间, FTP, 主题和插件的使用一窍不通, 抓破头皮也未必能搞得清楚. 有没想过, 其实没那么复杂, 不懂技术, 不爱折腾, 搞个博客写写文章不也是乐事一件? 如果你也就想写个文章, 个性化一下外观, 使用 Tap 自助建站 会是个不错的选择. Tap 是一个自助建站服务平台, 我玩了半天, 感觉是功能简单直接, 也方便易用. Tap 一个可以为我们提供什么样的服务呢? Tap 建站服务 帐号是免费的, 登录后台可以创建多个网站. 每个网站都有对应的控制面板, 可分别管理. 网站的控制面板主要分为两部分, 分别是网站编辑和网站管理, 也就是自定义界面和内容管理. 自定义界面 Tap 的界面定义功能都是所见即所得的, 页面元素以 Widget 的方式提供, 如文本, 图片, 日历导航栏都是拖拽到页面上即可. Tap 提供了多套模板, 可以根据不同的页面类型进行界面自定义. 如果再灵活一些, 可以这样做 Landing Page 页面, [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
我经常会在博客分享一些建站工具, 技巧, 其中很多关于 WordPress. WP 方便易用, 但对一些不懂技术的同学来说, 什么空间, FTP, 主题和插件的使用一窍不通, 抓破头皮也未必能搞得清楚. 有没想过, 其实没那么复杂, 不懂技术, 不爱折腾, 搞个博客写写文章不也是乐事一件? 如果你也就想写个文章, 个性化一下外观, 使用 <a href="http://www.tap.cn/" rel="nofollow external">Tap 自助建站</a> 会是个不错的选择.
</p>
<p>
<a href="http://www.tap.cn/" rel="nofollow external"><img class="sided" src="http://photo.tuhigh.com/pics/1139/0922/187252t1316688673650_o.jpg" alt="Tap 自助建站服务平台" /></a>
</p>
<p><span id="more-2031"></span></p>
<p>
<a href="http://www.tap.cn/" rel="external">Tap 是一个自助建站服务平台</a>, 我玩了半天, 感觉是功能简单直接, 也方便易用. Tap 一个可以为我们提供什么样的服务呢?
</p>
<h3>Tap 建站服务</h3>
<p>
帐号是免费的, 登录后台可以创建多个网站. 每个网站都有对应的控制面板, 可分别管理.
</p>
<p>
<img class="sided" src="http://photo.tuhigh.com/pics/1139/0922/187252t1316688676347_o.jpg" alt="Tap 自助建站服务平台 - 后台控制面板" />
</p>
<p>
网站的控制面板主要分为两部分, 分别是网站编辑和网站管理, 也就是自定义界面和内容管理.
</p>
<h3>自定义界面</h3>
<p>
Tap 的界面定义功能都是所见即所得的, 页面元素以 Widget 的方式提供, 如文本, 图片, 日历导航栏都是拖拽到页面上即可.
</p>
<p>
<img class="sided" src="http://photo.tuhigh.com/pics/1139/0922/187252t1316688675477_o.jpg" alt="Tap 自助建站服务平台 - 自定义界面" />
</p>
<p>
Tap 提供了多套模板, 可以根据不同的页面类型进行界面自定义. 如果再灵活一些, 可以这样做 Landing Page 页面, 运营团队的前端同学就爽飞了.
</p>
<h3>内容管理</h3>
<p>
自定义界面是设置博客模板, 内容管理就是管理博客文章, 相册, 评论等内容系统. 从菜单来看, 划分是否清晰. 文章可以归类.
</p>
<p>
<img class="sided" src="http://photo.tuhigh.com/pics/1139/0922/187252t1316688674605_o.jpg" alt="Tap 自助建站服务平台 - 内容管理" />
</p>
<h3>总结</h3>
<p>
刚才玩 Tap 的时候感觉跟当年用 MyOpera 社区博客很像. 不用管页面结构什么的, 改改界面, 写好文章就好了.
</p>
<p>
如果就想写个文章什么的, 可以<a href="http://www.tap.cn/" rel="nofollow external">注册 Tap</a> 玩玩, 它绝对能够满足你, 还可以认识一些社区里的朋友. 但因为 Tap 的界面自定义功能, 几乎所有页面标签都被加上 ID, 如果你对页面结构有要求, 需要 SEO, 那不用考虑了, Tap 满足不了你.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=2031" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/hostucan-and-the-web-monitoring-tool/" rel="bookmark">主机点评网</a><!-- (2)--></li>
		<li><a href="http://www.neoease.com/image-viewer-and-color-palette-generator/" rel="bookmark">缩放图插件和色板生成器</a><!-- (2)--></li>
		<li><a href="http://www.neoease.com/google-blog-converters-appengine/" rel="bookmark">Google 帮你的博客搬家</a><!-- (2)--></li>
		<li><a href="http://www.neoease.com/json-editor-online/" rel="bookmark">线上 JSON 编辑工具</a><!-- (1)--></li>
		<li><a href="http://www.neoease.com/random-advertisements/" rel="bookmark">随机排序广告</a><!-- (1)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/self-service-build-blog-with-tap/feed/</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
		<item>
		<title>拿福能和千人挑战活动</title>
		<link>http://www.neoease.com/nuffnang-challenge-1000/</link>
		<comments>http://www.neoease.com/nuffnang-challenge-1000/#comments</comments>
		<pubDate>Sun, 22 May 2011 17:07:31 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[Web Tool]]></category>
		<category><![CDATA[Activity]]></category>
		<category><![CDATA[Advertisement]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Game]]></category>
		<category><![CDATA[Nuffnang]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=1920</guid>
		<description><![CDATA[本月初我受邀参加了拿福能 (nuffnang) 的一个线下活动, 介绍了拿福能这个网站是干什么的, 它在国外做过的一些 Case, 以及现在的千人挑战活动. 如果你拥有自由博客, 请不要离开, 往下看. 我会根据自己的感受来讲讲自己对拿福能的感受, 以及一个名为 "千人挑战" 的激励活动. 希望这也能为你带来一些价值. 拿福能是什么? 拿福能是一个网站营销工具, 也就是为广告商寻找合适的站点作为容器, 为站点寻找商机和网赚机会, 包括 CPM, CPC, 软文等广告形式. 在国内, 比较相似的有 FeedSky, Alimama 这些广告合作商. 如果作为一个广告平台存在的话, 其实 Feedsky 这类其实并不成功, 那拿福能有什么不一样的吗? 凭什么我们要挂它的广告? 本来我也疑惑丛丛, 甚至觉得不可能搞得起来. 听他们介绍完 Case 之后, 我觉得玩起来. 这里我转述两个案例. 第一个是关于一款 LG 手机的征文活动, 该款手机的特点是 "长", 所以征文的题目是 《Why I Like It Longer》. 你可以写任何与该题目相关的内容, 在文章最后放上一个产品相关的图片. 我找了一篇范文, [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
本月初我受邀参加了<strong><a rel="external" href="http://www.nuffnang.com.cn/">拿福能 (nuffnang)</a></strong> 的一个线下活动, 介绍了拿福能这个网站是干什么的, 它在国外做过的一些 Case, 以及现在的<strong><a rel="external" href="http://www.nuffnang.com.cn/blog/2011/05/23/challenge-1000/">千人挑战活动</a></strong>.
</p>
<p>
如果你拥有自由博客, 请不要离开, 往下看. 我会根据自己的感受来讲讲自己对拿福能的感受, 以及一个名为 "千人挑战" 的激励活动. 希望这也能为你带来一些价值.
</p>
<p><span id="more-1920"></span></p>
<h3>拿福能是什么?</h3>
<p>
拿福能是一个网站营销工具, 也就是为广告商寻找合适的站点作为容器, 为站点寻找商机和网赚机会, 包括 CPM, CPC, 软文等广告形式. 在国内, 比较相似的有 FeedSky, Alimama 这些广告合作商.
</p>
<p>
如果作为一个广告平台存在的话, 其实 Feedsky 这类其实并不成功, 那拿福能有什么不一样的吗? 凭什么我们要挂它的广告? 本来我也疑惑丛丛, 甚至觉得不可能搞得起来. 听他们介绍完 Case 之后, 我觉得玩起来. 这里我转述两个案例.
</p>
<p>
第一个是关于一款 LG 手机的征文活动, 该款手机的特点是 "长", 所以征文的题目是 《Why I Like It Longer》. 你可以写任何与该题目相关的内容, 在文章最后放上一个产品相关的图片. 我找了一篇范文, 可点击下方链接查看.<br />
<a rel="nofollow external" href="http://www.pearlsrahma.com/why-i-like-it-longer.html">拿福能征文活动例子 - Why I Like It Longer</a>
</p>
<p>
第二个更有意思, 也是我满心期待想参与的. 拿福能会线下组织一些博客主一起去看电影院电影, 在电影上映前去看. 看完回来写影评或者传说中的剧透.
</p>
<p>
拿福能跟之前一些广告合作商不一样的是它在博客主之间形成一个群体, 除了写写文章, 还有更多交流. 无论你写技术教程, 导购文章, 商业评论, 电影评论, 烹饪心得, ... 总能找到跟自己志同道合的一群.
</p>
<h3>千人挑战活动</h3>
<p>
拿福能在国外已经有过一些成功案例, 此次进入中国也希望有所作为, 所以搞这么一个活动, 招募 1,000 名博主加盟. 参加活动的博主注册拿福能帐号, 放上广告代码, 并写一篇拿福能相关的介绍, 附上页面链接. 直到参加博主数量到达 1,000, 所有参加活动的博主将平分 50,000 元, 也就是每人 50 元.
</p>
<p>
有兴趣参加 "千人挑战活动" 的朋友可以查看以下活动页面.<br />
<a rel="external nofollow" href="http://www.nuffnang.com.cn/blog/2011/05/23/challenge-1000/">http://www.nuffnang.com.cn/blog/2011/05/23/challenge-1000/</a>
</p>
<p>
<a rel="external nofollow" href="http://www.nuffnang.com.cn/blog/2011/05/23/challenge-1000/"><img class="sided" src="http://www.nuffnang.com.cn/wp-content/uploads/2011/05/C1000.jpg" alt="千人挑战活动" /></a></p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1920" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/nuffnang-hiring-web-designer-and-php-programmer/" rel="bookmark">拿福能招聘网页设计师和 PHP 程序员</a><!-- (9.5)--></li>
		<li><a href="http://www.neoease.com/the-joke-of-feedsky-20080401/" rel="bookmark">Feedsky 真会开玩笑</a><!-- (5.1)--></li>
		<li><a href="http://www.neoease.com/update-feedsky-subscribe-number-everyday/" rel="bookmark">每日同步 Feedsky 订阅数</a><!-- (5.1)--></li>
		<li><a href="http://www.neoease.com/random-advertisements/" rel="bookmark">随机排序广告</a><!-- (2)--></li>
		<li><a href="http://www.neoease.com/css-naked-day-09/" rel="bookmark">CSS Naked Day 2009</a><!-- (1)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/nuffnang-challenge-1000/feed/</wfw:commentRss>
		<slash:comments>93</slash:comments>
		</item>
		<item>
		<title>迁移网站到新服务器</title>
		<link>http://www.neoease.com/move-website-to-an-new-web-host/</link>
		<comments>http://www.neoease.com/move-website-to-an-new-web-host/#comments</comments>
		<pubDate>Tue, 03 May 2011 03:00:27 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[Hosting]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Move]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=1904</guid>
		<description><![CDATA[MT 升级, 跟风换了新的服务器. 终于在今天我迁移博客了, 顺便记录了过程中的注意事项和迁移步骤, 方便自己以后使用. 你是否也苦恼过网站迁移不知从何开始, 评论丢失, 迁移过程中被捣乱, ...? 只要按照某些流程去做, 不会发生那样的问题, 下面我将自己的方法简单说明一下, 希望对各位站长也有所帮助. 网站迁移准备 进行网站迁移前, 你必须了解以下一些信息. 老服务器的 IP, 使用 FTP 帐号及密码. 访问数据库的 IP, 帐号及密码. (一般数据库和文件服务器在一台机器上, WordPress 的 wp-config.php 文件中可以找到帐号和密码.) 修改域名 DNS 的帐号及密码. 新服务器的 IP, 使用 FTP 帐号及密码, 创建和更新服务器的权限. (如果使用外部数据库, 可以使用不支持数据库的服务器.) 网站迁移步骤 下面我将 step by step 地讲解整个迁移的流程. 1. 将服务器上的文件打包, 下载 一般来说, 除了自动生成的静态文件和数据库备份, 服务器上的文件是不因用户活动变化的内容. 我们可以先将这些文件备份下来. 如果你的服务器支持 [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
MT 升级, 跟风换了新的服务器. 终于在今天我<strong>迁移博客</strong>了, 顺便记录了过程中的注意事项和迁移步骤, 方便自己以后使用.
</p>
<p>
你是否也苦恼过<strong>网站迁移</strong>不知从何开始, 评论丢失, 迁移过程中被捣乱, ...? 只要按照某些流程去做, 不会发生那样的问题, 下面我将自己的方法简单说明一下, 希望对各位站长也有所帮助.
</p>
<p><span id="more-1904"></span></p>
<h3>网站迁移准备</h3>
<p>
进行网站迁移前, 你必须了解以下一些信息.
</p>
<ul>
<li>老服务器的 IP, 使用 FTP 帐号及密码.</li>
<li>访问数据库的 IP, 帐号及密码. (一般数据库和文件服务器在一台机器上, WordPress 的 wp-config.php 文件中可以找到帐号和密码.)</li>
<li>修改域名 DNS 的帐号及密码.</li>
<li>新服务器的 IP, 使用 FTP 帐号及密码, 创建和更新服务器的权限. (如果使用外部数据库, 可以使用不支持数据库的服务器.)</li>
</ul>
<h3>网站迁移步骤</h3>
<p>
下面我将 step by step 地讲解整个迁移的流程.
</p>
<p>
<strong>1. 将服务器上的文件打包, 下载</strong>
</p>
<p>
一般来说, 除了自动生成的静态文件和数据库备份, 服务器上的文件是不因用户活动变化的内容. 我们可以先将这些文件备份下来.
</p>
<p>
如果你的服务器支持 SSH, 建议将文件拷贝到 private (不对外开放访问权限) 的目录, 进行压缩后再通过 FTP 下载到本地, 可以节省很多时间.
</p>
<p>
建议将文件再备份一份到本机.
</p>
<p>
<strong>2. 将文件上传到服务器, 并解压</strong>
</p>
<p>
既然文件是固定不变的, 我们可以最先将这些文件上传到新的服务器上.
</p>
<p>
如果你的新服务器支持 SSH, 可以将备份上传再进行解压.
</p>
<p>
<strong>3. 停止用户行为</strong>
</p>
<p>
后面要迁移网站数据, 需要停止网站上一切可以修改数据的活动, 包括注册, 评论, trackback 等.
</p>
<p>
如果你不能明确哪些行为会改变网站的数据, 那可以制作一个提示页面, 将它替换为所有页面的跳转目标, 相当于停机维护. 我就是这样做的, 我的网站没有营销压力, 而且我可以快速切换服务器. 对我来说, 这样做成本比较低.
</p>
<p>
<img class="sided" src="http://farm6.static.flickr.com/5190/5683318334_3425ed4e19.jpg" alt="" />
</p>
<p>
<strong>4. 备份网站数据</strong>
</p>
<p>
对老服务器对应的进行备份. (如果使用外部数据库, 无需进行备份和还原.)
</p>
<p>
建议将数据再备份一份到本机.
</p>
<p>
<strong>5. 将数据还原到新服务器上</strong>
</p>
<p>
一般 PHP 服务器不支持命令行操作数据库, 而会提供 phpMyAdmin 操作数据库. 上传的数据文件不能操作 2M. 如果你的数据文件大小超标, 可以在文件内容切割成多个文件, 压缩成 zip 再进行上传导入.
</p>
<p>
<strong>6. 测试新服务器上的效果</strong>
</p>
<p>
通过文件和数据的还原, 其实服务已经搭建好了, 只差开通入口 (域名指向). 在开放入口之前, 可以通过修改 hosts 进行预先测试.
</p>
<p>
在本机的 hosts 文件中, 将域名绑定新的服务器地址. hosts 文件的路径如下.<br />
Windows: <i>C:\Windows\System32\drivers\etc\hosts</i><br />
Linux: <i>/etc/hosts</i>
</p>
<p>
修改并保存后, 重新打开浏览器并通过域名访问网站即可. 如还有关于修改 hosts 的疑问, 可以 Google 或百度查看相关教程.
</p>
<p>
<strong>7. 修改 DNS (域名服务器) 记录</strong>
</p>
<p>
在上步测试中没发现异常, 即可修改 DNS 的 A 记录, 将原指向老服务器 IP 的内容修改成指向新的服务器 IP.
</p>
<p>
接下来就是等待 DNS 记录生效, 或许立即可用, 或许需要等待数小时, 根据域名服务器的性能而定.
</p>
<p>
<strong>8. 删除老服务器上文件和数据</strong>
</p>
<p>
待 DNS 生效. (建议别干等, 放几天不管好了.)
</p>
<p>
找到老服务器上文件根目录, 在 FTP 上删除整个目录, 或者在 SSH 上用 rm * -rf 命令进行删除.
</p>
<p>
访问老服务器上数据库, 使用 DROP DATABASE '{你使用的数据库名称}' 删除整个数据库.
</p>
<h3>备注</h3>
<p>
上述第 3 步进行了停机维护或者中止用户行为, 对网站来说体验并不是很好, 但直接, 方便. 如果你的网站时时刻刻都很有价值, 可以不做这一步骤, 而在所有部署都完成后, 将这段时间在旧的数据库上产生的数据 merge 到新的数据库中. (需要对数据库操作比较熟练才能操作.)
</p>
<p>
记得以前我写过一篇<a href="http://www.neoease.com/update-wordpress-manually/">《手动升级 WordPress 的步骤》</a>, 记录了我手动升级博客的流程, 有兴趣的同学也可前去看看.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1904" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/change-header-color-of-inove/" rel="bookmark">Change Header Color of iNove</a><!-- (5.1)--></li>
		<li><a href="http://www.neoease.com/google-blog-converters-appengine/" rel="bookmark">Google 帮你的博客搬家</a><!-- (4.5)--></li>
		<li><a href="http://www.neoease.com/use-image-title-in-inove/" rel="bookmark">Use Image Title in iNove</a><!-- (4.1)--></li>
		<li><a href="http://www.neoease.com/googlecn-toolbar/" rel="bookmark">Google.cn 的首页工具栏</a><!-- (4)--></li>
		<li><a href="http://www.neoease.com/google-10th-birthday/" rel="bookmark">Google 10周年时间轴</a><!-- (3.9)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/move-website-to-an-new-web-host/feed/</wfw:commentRss>
		<slash:comments>65</slash:comments>
		</item>
		<item>
		<title>每日同步 Feedsky 订阅数</title>
		<link>http://www.neoease.com/update-feedsky-subscribe-number-everyday/</link>
		<comments>http://www.neoease.com/update-feedsky-subscribe-number-everyday/#comments</comments>
		<pubDate>Fri, 03 Dec 2010 09:00:48 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Feedsky]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Subscribe]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=1678</guid>
		<description><![CDATA[前几天在博客的订阅按钮旁边加上了博客的订阅数量. 我用的是 Feedsky 提供的订阅统计服务, Feedsky 提供了图片和 Flash 两种外部可调用的订阅统计控件. 我们往往不满足于此, 更希望可以获得当前订阅人数的文本数值, 而我们可以随意摆放, 设定任意我们想要的样式. 其实 Feedsky 有这样的数据文本提供, 是一个 XML, 数据是本月的订阅人数列表. (我猜外部调用的 Flash 需要调用这个 XML 来生成图形). 如我的 ID 是 mg12, 那么我的帐户数据文件 URL 是: http://www.feedsky.com/rpc/feed_statistic_xml.php?u=mg12 当日是 12 月 2 日, 那么我们可以获得 XML 文件内容如下. &#60;month value=&#34;201012&#34; burl=&#34;mg12&#34; bsp=&#34;feedsky&#34;&#62; &#60;day value=&#34;20101201&#34; subcount=&#34;3656&#34; onlinecount=&#34;172&#34;/&#62; &#60;day value=&#34;20101202&#34; subcount=&#34;3678&#34; onlinecount=&#34;178&#34;/&#62; &#60;/month&#62; 其中 subcount 是订阅人数, [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
前几天在博客的订阅按钮旁边加上了博客的<strong>订阅数量</strong>. 我用的是 <strong>Feedsky 提供的订阅统计服务</strong>, Feedsky 提供了图片和 Flash 两种外部可调用的订阅统计控件. 我们往往不满足于此, 更希望可以获得当前订阅人数的文本数值, 而我们可以随意摆放, 设定任意我们想要的样式.
</p>
<p><span id="more-1678"></span></p>
<p>
其实 Feedsky 有这样的数据文本提供, 是一个 XML, 数据是本月的订阅人数列表. (我猜外部调用的 Flash 需要调用这个 XML 来生成图形). 如我的 ID 是 mg12, 那么我的帐户数据文件 URL 是:<br />
<a rel="nofollow external" href="http://www.feedsky.com/rpc/feed_statistic_xml.php?u=mg12">http://www.feedsky.com/rpc/feed_statistic_xml.php?u=<strong>mg12</strong></a><br />
当日是 12 月 2 日, 那么我们可以获得 XML 文件内容如下.
</p>

<div class="wp_syntax"><div class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;month</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">&quot;201012&quot;</span> <span style="color: #000066;">burl</span>=<span style="color: #ff0000;">&quot;mg12&quot;</span> <span style="color: #000066;">bsp</span>=<span style="color: #ff0000;">&quot;feedsky&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;day</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">&quot;20101201&quot;</span> <span style="color: #000066;">subcount</span>=<span style="color: #ff0000;">&quot;3656&quot;</span> <span style="color: #000066;">onlinecount</span>=<span style="color: #ff0000;">&quot;172&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
	<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;day</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">&quot;20101202&quot;</span> <span style="color: #000066;">subcount</span>=<span style="color: #ff0000;">&quot;3678&quot;</span> <span style="color: #000066;">onlinecount</span>=<span style="color: #ff0000;">&quot;178&quot;</span><span style="color: #000000; font-weight: bold;">/&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/month<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div>

<p>
其中 subcount 是订阅人数, onlinecount 是文章点击次数.<br />
(文章点击次数指的是读者从订阅文章中的链接点击进入博客页面的次数.)
</p>
<p>
通过这么一个 XML, 我们当然可以取得当前订阅数, 但为什么 Feedsky 不向我们直接提供该数值呢? 商业行为我们不作考虑, 其实通过服务器获取订阅数并在页面上显示给终端用户, 这种做法是有问题的. 有什么问题呢? 我们先看看下图.
</p>
<p>
<img class="sided" src="http://farm6.static.flickr.com/5008/5226803356_2ec2860772_z.jpg" alt="服务端访问 Feedsky 数据文件" />
</p>
<p>
用户访问博客会有这么 4 步. 其中 2, 3 两步是博客服务器访问 Feedsky 服务器来获取这个 XML 文件, 最后通过第 4 步将订阅数显示给博客读者. 如果 Feedsky 服务器故障, 数据返回速度超慢, 将导致页面加载速度超慢, 甚至破页. 试想一下, 如果你的博客服务器在美国, 当用户访问你的博客时, 读者从中国访问美国服务器, 服务器再从美国访问中国 Feedsky 服务, 最后将数据显示给读者, 绕了一个大圈.
</p>
<p>
如果数据是由页面的 Flash 进行访问并显示在页面上, 则这是由客户端向 Feedsky 服务器发出的请求, 不影响页面加载速度, 如下图.
</p>
<p>
<img class="sided" src="http://farm6.static.flickr.com/5243/5226208643_5815cfaa4b_z.jpg" alt="客户端访问 Feedsky 数据文件" />
</p>
<h3>订阅数每日定时更新</h3>
<p>
若我们仍想获得 Feedsky 订阅数的文本形式, 可以有好的实现方法吗? 有的. 订阅人数其实每日仅一次更新, 那我们是否可以每日取一次数据, 并存储到数据库中; 在页面显示的时候, 从数据库获取订阅数而不是再去 Feedsky 服务器取数据.
</p>
<p>
每日从 Feedsky 服务器获取订阅数, 并同步更新到服务器的处理.
</p>
<p>
<img class="sided" src="http://farm6.static.flickr.com/5287/5226803418_8fe0fc22e4_z.jpg" alt="从 Feedsky 服务器获取订阅数, 并保存到数据库中" />
</p>
<p>
前 3 步我们做的事情是从 Feedsky 服务器获取数据文件, 对文件内容进行处理并取得订阅数.
</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #009933; font-style: italic;">/**
 * 通过 Feedsky ID 获取订阅数量
 */</span>
<span style="color: #000000; font-weight: bold;">function</span> getFeedskySubcount<span style="color: #009900;">&#40;</span><span style="color: #000088;">$feedskyId</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000088;">$url</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'http://www.feedsky.com/rpc/feed_statistic_xml.php?u='</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$feedskyId</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$dom</span> <span style="color: #339933;">=</span> <span style="color: #000000; font-weight: bold;">new</span> DOMDocument<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'1.0'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'UTF-8'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$dom</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">Load</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$url</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000088;">$items</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$dom</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">firstChild</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">childNodes</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #666666; font-style: italic;">// 获取昨天的订阅数量 (Feedsky 的时区是 UTC+8)</span>
	<span style="color: #000088;">$yesterday</span> <span style="color: #339933;">=</span> <span style="color: #990000;">date</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;Ymd&quot;</span><span style="color: #339933;">,</span> <span style="color: #990000;">time</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #cc66cc;">3600</span> <span style="color: #339933;">*</span> <span style="color: #cc66cc;">8</span> <span style="color: #339933;">-</span> <span style="color: #cc66cc;">86400</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// 86400 = 24 * 60 * 60;</span>
&nbsp;
	<span style="color: #666666; font-style: italic;">// 如果昨天的数据存在, 则返回昨天的订阅数</span>
	<span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$items</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$item</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$item</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">nodeType</span> <span style="color: #339933;">==</span> <span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000088;">$date</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$item</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getAttribute</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'value'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$date</span> <span style="color: #339933;">==</span> <span style="color: #000088;">$yesterday</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
				<span style="color: #000088;">$value</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$item</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getAttribute</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'subcount'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
				<span style="color: #b1b100;">return</span> <span style="color: #000088;">$value</span><span style="color: #339933;">;</span>
			<span style="color: #009900;">&#125;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
&nbsp;
	<span style="color: #666666; font-style: italic;">// 如果昨天的数据不存在, 则返回最后一天的订阅数</span>
	<span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$items</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$item</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$item</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">nodeType</span> <span style="color: #339933;">==</span> <span style="color: #cc66cc;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			<span style="color: #000088;">$date</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$item</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getAttribute</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'value'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
			<span style="color: #000088;">$values</span><span style="color: #009900;">&#91;</span><span style="color: #000088;">$date</span><span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$item</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">getAttribute</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'subcount'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #990000;">krsort</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$values</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #b1b100;">return</span> <span style="color: #990000;">array_shift</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$values</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

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

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #009933; font-style: italic;">/**
 * 更新订阅数到数据库
 */</span>
<span style="color: #000000; font-weight: bold;">function</span> updateSubcount<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000088;">$count</span> <span style="color: #339933;">=</span> getFeedskySubcount<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'mg12'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// 其中 mg12 是 Feedsky ID</span>
	update_option<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'subcount'</span><span style="color: #339933;">,</span> <span style="color: #000088;">$count</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>
以上 4 步这完成了一次订阅数更新服务, 这是每日一更新的. 如果是 WordPress, 我们可以使用 WP-Cron 来循环安排任务执行. (可以参考我之前写的文章: <a href="http://www.neoease.com/wordpress-cron/">WordPress Cron 定时任务</a>)
</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'subcount_scheduled_update'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'updateSubcount'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>wp_next_scheduled<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'subcount_scheduled_update'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	wp_schedule_event<span style="color: #009900;">&#40;</span><span style="color: #990000;">time</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'daily'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'subcount_scheduled_update'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<h3>显示订阅数</h3>
<p>
当 Feedsky 统计数据每日被同步到数据库中, 我们就可以很方便地取得订阅数.
</p>
<p>
<img class="sided" src="http://farm6.static.flickr.com/5242/5226803442_d98c3a6ed5_z.jpg" alt="获取 Feedsky 订阅数" />
</p>
<p>
可以通过以下方法将订阅数显示到页面上.
</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #b1b100;">echo</span> get_option<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'subcount'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>
说得有点啰嗦, 只是为了说明白为什么要这样做, 你懂的. 另外, 我写了一个 PHP 类, 用于获取 Feedsky 订阅数和点击数, 以便其他 PHP 程序和应用使用, 点击下方的链接转跳下载页面:<br />
<a rel="nofollow external" href="http://www.boxcn.net/shared/fmchb1z202">http://www.boxcn.net/shared/fmchb1z202</a></p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1678" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/feedsky-statistic/" rel="bookmark">WordPress 上的 Feedsky 统计插件</a><!-- (14.6)--></li>
		<li><a href="http://www.neoease.com/theme-style-switcher-2/" rel="bookmark">在主题上添加风格切换功能 (2)</a><!-- (9)--></li>
		<li><a href="http://www.neoease.com/spliting-blogroll-to-2-columns-01/" rel="bookmark">将 Blogroll 分为两栏 (1)</a><!-- (5.6)--></li>
		<li><a href="http://www.neoease.com/show-different-widgets-in-wordpress-sidebar/" rel="bookmark">WordPress 不同页面显示不一样的侧边栏</a><!-- (5)--></li>
		<li><a href="http://www.neoease.com/nuffnang-challenge-1000/" rel="bookmark">拿福能和千人挑战活动</a><!-- (3.5)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/update-feedsky-subscribe-number-everyday/feed/</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
		<item>
		<title>为网站添加分享按钮</title>
		<link>http://www.neoease.com/add-share-buttons/</link>
		<comments>http://www.neoease.com/add-share-buttons/#comments</comments>
		<pubDate>Sun, 24 Oct 2010 06:41:58 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[Share]]></category>
		<category><![CDATA[Society]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=1584</guid>
		<description><![CDATA[为了增加文章在类似读者群体中的关注度, 刚刚在博客添加了文章分享按钮. 网上能找到很多提供分享按钮功能的控件和插件, 但是往往功能过于强大. 大部分插件将分享, 收藏, 订阅等功能全集合与一身, 涵盖海内外几乎所有的相关服务. 其中一些提供了个性化设置, 可以筛选服务, 但是同样耗费了大量资源 (图片和代码); 还有一些插件隐藏了部分分享按钮, 以减少对页面空间的需求, 但同时交互形式却变得复杂. 所以我自己写了一段代码来实现这个功能, 现在分享一下. 分享按钮 DEMO HTML &#60;div id=&#34;share&#34;&#62; Share on: &#60;a rel=&#34;nofollow&#34; id=&#34;facebook-share&#34; title=&#34;Facebook&#34;&#62;Facebook&#60;/a&#62; &#60;a rel=&#34;nofollow&#34; id=&#34;twitter-share&#34; title=&#34;Twitter&#34;&#62;Twitter&#60;/a&#62; &#60;a rel=&#34;nofollow&#34; id=&#34;delicious-share&#34; title=&#34;Delicious&#34;&#62;Delicious&#60;/a&#62; &#60;a rel=&#34;nofollow&#34; id=&#34;kaixin001-share&#34; title=&#34;开心网&#34;&#62;开心网&#60;/a&#62; &#60;a rel=&#34;nofollow&#34; id=&#34;renren-share&#34; title=&#34;人人网&#34;&#62;人人网&#60;/a&#62; &#60;a rel=&#34;nofollow&#34; id=&#34;douban-share&#34; title=&#34;豆瓣&#34;&#62;豆瓣&#60;/a&#62; &#60;a rel=&#34;nofollow&#34; id=&#34;sina-share&#34; title=&#34;新浪微博&#34;&#62;新浪微博&#60;/a&#62; &#60;a rel=&#34;nofollow&#34; id=&#34;netease-share&#34; [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
为了增加文章在类似读者群体中的关注度, 刚刚在博客添加了文章分享按钮.
</p>
<p><img class="sided" src="http://photo.tuhigh.com/pics/1044/1024/187252t1287902148368_o.png" alt="分享按钮" /></p>
<p>
网上能找到很多提供分享按钮功能的控件和插件, 但是往往功能过于强大. 大部分插件将分享, 收藏, 订阅等功能全集合与一身, 涵盖海内外几乎所有的相关服务. 其中一些提供了个性化设置, 可以筛选服务, 但是同样耗费了大量资源 (图片和代码); 还有一些插件隐藏了部分分享按钮, 以减少对页面空间的需求, 但同时交互形式却变得复杂. 所以我自己写了一段代码来实现这个功能, 现在分享一下.
</p>
<p>
<a rel="external" href="http://www.neoease.com/tutorials/add-share-buttons/">分享按钮 DEMO</a>
</p>
<p><span id="more-1584"></span></p>
<p>
<strong>HTML</strong>
</p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;share&quot;</span>&gt;</span>
	Share on:
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nofollow&quot;</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;facebook-share&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Facebook&quot;</span>&gt;</span>Facebook<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nofollow&quot;</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;twitter-share&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Twitter&quot;</span>&gt;</span>Twitter<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nofollow&quot;</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;delicious-share&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Delicious&quot;</span>&gt;</span>Delicious<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nofollow&quot;</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;kaixin001-share&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;开心网&quot;</span>&gt;</span>开心网<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nofollow&quot;</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;renren-share&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;人人网&quot;</span>&gt;</span>人人网<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nofollow&quot;</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;douban-share&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;豆瓣&quot;</span>&gt;</span>豆瓣<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nofollow&quot;</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;sina-share&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;新浪微博&quot;</span>&gt;</span>新浪微博<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nofollow&quot;</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;netease-share&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;网易微博&quot;</span>&gt;</span>网易微博<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span>
	<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">a</span> <span style="color: #000066;">rel</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;nofollow&quot;</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;tencent-share&quot;</span> <span style="color: #000066;">title</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;腾讯微博&quot;</span>&gt;</span>腾讯微博<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">a</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span></pre></div></div>

<p>
<strong>CSS</strong>
</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;"><span style="color: #cc00cc;">#share</span><span style="color: #00AA00;">,</span><span style="color: #cc00cc;">#share</span> a<span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">line-height</span><span style="color: #00AA00;">:</span><span style="color: #933;">16px</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#share</span> a<span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">display</span><span style="color: #00AA00;">:</span>inline-<span style="color: #993333;">block</span><span style="color: #00AA00;">;</span>width<span style="color: #00AA00;">:</span><span style="color: #933;">16px</span><span style="color: #00AA00;">;</span>height<span style="color: #00AA00;">:</span><span style="color: #933;">16px</span><span style="color: #00AA00;">;</span>text-indent<span style="color: #00AA00;">:</span><span style="color: #933;">-999em</span><span style="color: #00AA00;">;</span>cursor<span style="color: #00AA00;">:</span><span style="color: #993333;">pointer</span><span style="color: #00AA00;">;</span>margin-<span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">:</span><span style="color: #933;">5px</span><span style="color: #00AA00;">;</span>background<span style="color: #00AA00;">:</span><span style="color: #993333;">url</span><span style="color: #00AA00;">&#40;</span><span style="color: #ff0000; font-style: italic;">http://photo.tuhigh.com/pics/1044/1024/187252t1287897845550_o.png</span><span style="color: #00AA00;">&#41;</span> <span style="color: #993333;">no-repeat</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#share</span> a<span style="color: #cc00cc;">#facebook-share</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#share</span> a<span style="color: #cc00cc;">#twitter-share</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #933;">-16px</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#share</span> a<span style="color: #cc00cc;">#delicious-share</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #933;">-32px</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#share</span> a<span style="color: #cc00cc;">#kaixin001-share</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #933;">-48px</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#share</span> a<span style="color: #cc00cc;">#renren-share</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #933;">-64px</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#share</span> a<span style="color: #cc00cc;">#douban-share</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #933;">-80px</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#share</span> a<span style="color: #cc00cc;">#sina-share</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #933;">-96px</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#share</span> a<span style="color: #cc00cc;">#netease-share</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #933;">-112px</span><span style="color: #00AA00;">&#125;</span>
<span style="color: #cc00cc;">#share</span> a<span style="color: #cc00cc;">#tencent-share</span><span style="color: #00AA00;">&#123;</span><span style="color: #000000; font-weight: bold;">background-position</span><span style="color: #00AA00;">:</span><span style="color: #cc66cc;">0</span> <span style="color: #933;">-128px</span><span style="color: #00AA00;">&#125;</span></pre></div></div>

<p>
<strong>JavaScript</strong>
</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> addListener<span style="color: #009900;">&#40;</span>node<span style="color: #339933;">,</span> type<span style="color: #339933;">,</span> listener<span style="color: #339933;">,</span> obj<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> param <span style="color: #339933;">=</span> obj <span style="color: #339933;">||</span> <span style="color: #009900;">&#123;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
&nbsp;
	<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>node.<span style="color: #660066;">addEventListener</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		node.<span style="color: #660066;">addEventListener</span><span style="color: #009900;">&#40;</span>type<span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>ev<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>listener<span style="color: #009900;">&#40;</span>ev<span style="color: #339933;">,</span> param<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>node.<span style="color: #660066;">attachEvent</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		node<span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'e'</span> <span style="color: #339933;">+</span> type <span style="color: #339933;">+</span> listener<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> listener<span style="color: #339933;">;</span>
		node<span style="color: #009900;">&#91;</span>type <span style="color: #339933;">+</span> listener<span style="color: #009900;">&#93;</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			node<span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'e'</span> <span style="color: #339933;">+</span> type <span style="color: #339933;">+</span> listener<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#40;</span>window.<span style="color: #660066;">event</span><span style="color: #339933;">,</span> param<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
		node.<span style="color: #660066;">attachEvent</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'on'</span> <span style="color: #339933;">+</span> type<span style="color: #339933;">,</span> node<span style="color: #009900;">&#91;</span>type <span style="color: #339933;">+</span> listener<span style="color: #009900;">&#93;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
	<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span>width<span style="color: #339933;">,</span> height<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'toolbar=0,status=0,resizable=1,width='</span> <span style="color: #339933;">+</span> width <span style="color: #339933;">+</span> <span style="color: #3366CC;">',height='</span> <span style="color: #339933;">+</span> height <span style="color: #339933;">+</span> <span style="color: #3366CC;">',left='</span><span style="color: #339933;">,</span><span style="color: #009900;">&#40;</span>screen.<span style="color: #660066;">width</span><span style="color: #339933;">-</span>width<span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2</span><span style="color: #339933;">,</span><span style="color: #3366CC;">',top='</span><span style="color: #339933;">,</span><span style="color: #009900;">&#40;</span>screen.<span style="color: #660066;">height</span><span style="color: #339933;">-</span>height<span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">join</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> bindShareList<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> link <span style="color: #339933;">=</span> encodeURIComponent<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">location</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// 文章链接</span>
	<span style="color: #003366; font-weight: bold;">var</span> title <span style="color: #339933;">=</span> encodeURIComponent<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">title</span>.<span style="color: #660066;">substring</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span><span style="color: #CC0000;">76</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// 文章标题</span>
	<span style="color: #003366; font-weight: bold;">var</span> source <span style="color: #339933;">=</span> encodeURIComponent<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'网站名称'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// 网站名称</span>
	<span style="color: #003366; font-weight: bold;">var</span> windowName <span style="color: #339933;">=</span> <span style="color: #3366CC;">'share'</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// 子窗口别称</span>
	<span style="color: #003366; font-weight: bold;">var</span> site <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://www.example.com/'</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// 网站链接</span>
&nbsp;
	addListener<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'facebook-share'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://facebook.com/share.php?u='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;t='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">626</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">436</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	addListener<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'twitter-share'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://twitter.com/share?url='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;text='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">500</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">375</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	addListener<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'delicious-share'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://delicious.com/post?url='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;title='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">550</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">550</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	addListener<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'kaixin001-share'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://www.kaixin001.com/repaste/share.php?rurl='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;rcontent='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;rtitle='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">540</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">342</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	addListener<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'renren-share'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://share.renren.com/share/buttonshare?link='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;title='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">626</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">436</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	addListener<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'douban-share'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://www.douban.com/recommend/?url='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;title='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">450</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">350</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	addListener<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'sina-share'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://v.t.sina.com.cn/share/share.php?url='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;title='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">607</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">523</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	addListener<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'netease-share'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://t.163.com/article/user/checkLogin.do?link='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'source='</span> <span style="color: #339933;">+</span> source <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;info='</span><span style="color: #339933;">+</span> title <span style="color: #339933;">+</span> <span style="color: #3366CC;">' '</span> <span style="color: #339933;">+</span> link<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">642</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">468</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	addListener<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'tencent-share'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'click'</span><span style="color: #339933;">,</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://v.t.qq.com/share/share.php?title='</span> <span style="color: #339933;">+</span> title <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;url='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;site='</span> <span style="color: #339933;">+</span> site<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">634</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">668</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
bindShareList<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>
<strong>jQuery</strong> (JavaScript 和 jQuery 代码任选其一)
</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span>width<span style="color: #339933;">,</span> height<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #009900;">&#91;</span><span style="color: #3366CC;">'toolbar=0,status=0,resizable=1,width='</span> <span style="color: #339933;">+</span> width <span style="color: #339933;">+</span> <span style="color: #3366CC;">',height='</span> <span style="color: #339933;">+</span> height <span style="color: #339933;">+</span> <span style="color: #3366CC;">',left='</span><span style="color: #339933;">,</span><span style="color: #009900;">&#40;</span>screen.<span style="color: #660066;">width</span><span style="color: #339933;">-</span>width<span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2</span><span style="color: #339933;">,</span><span style="color: #3366CC;">',top='</span><span style="color: #339933;">,</span><span style="color: #009900;">&#40;</span>screen.<span style="color: #660066;">height</span><span style="color: #339933;">-</span>height<span style="color: #009900;">&#41;</span><span style="color: #339933;">/</span><span style="color: #CC0000;">2</span><span style="color: #009900;">&#93;</span>.<span style="color: #660066;">join</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">function</span> bindShareList<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> link <span style="color: #339933;">=</span> encodeURIComponent<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">location</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// 文章链接</span>
	<span style="color: #003366; font-weight: bold;">var</span> title <span style="color: #339933;">=</span> encodeURIComponent<span style="color: #009900;">&#40;</span>document.<span style="color: #660066;">title</span>.<span style="color: #660066;">substring</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">0</span><span style="color: #339933;">,</span><span style="color: #CC0000;">76</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// 文章标题</span>
	<span style="color: #003366; font-weight: bold;">var</span> source <span style="color: #339933;">=</span> encodeURIComponent<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'网站名称'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// 网站名称</span>
	<span style="color: #003366; font-weight: bold;">var</span> windowName <span style="color: #339933;">=</span> <span style="color: #3366CC;">'share'</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// 子窗口别称</span>
	<span style="color: #003366; font-weight: bold;">var</span> site <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://www.example.com/'</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">// 网站链接</span>
&nbsp;
	jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#facebook-share'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://facebook.com/share.php?u='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;t='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">626</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">436</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#twitter-share'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://twitter.com/share?url='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;text='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">500</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">375</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#delicious-share'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://delicious.com/post?url='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;title='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">550</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">550</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#kaixin001-share'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://www.kaixin001.com/repaste/share.php?rurl='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;rcontent='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;rtitle='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">540</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">342</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#renren-share'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://share.renren.com/share/buttonshare?link='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;title='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">626</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">436</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#douban-share'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://www.douban.com/recommend/?url='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;title='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">450</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">350</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#sina-share'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://v.t.sina.com.cn/share/share.php?url='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;title='</span> <span style="color: #339933;">+</span> title<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">607</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">523</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#netease-share'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://t.163.com/article/user/checkLogin.do?link='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'source='</span> <span style="color: #339933;">+</span> source <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;info='</span><span style="color: #339933;">+</span> title <span style="color: #339933;">+</span> <span style="color: #3366CC;">' '</span> <span style="color: #339933;">+</span> link<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">642</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">468</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
	jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#tencent-share'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #003366; font-weight: bold;">var</span> url <span style="color: #339933;">=</span> <span style="color: #3366CC;">'http://v.t.qq.com/share/share.php?title='</span> <span style="color: #339933;">+</span> title <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;url='</span> <span style="color: #339933;">+</span> link <span style="color: #339933;">+</span> <span style="color: #3366CC;">'&amp;site='</span> <span style="color: #339933;">+</span> site<span style="color: #339933;">;</span>
		<span style="color: #003366; font-weight: bold;">var</span> params <span style="color: #339933;">=</span> getParamsOfShareWindow<span style="color: #009900;">&#40;</span><span style="color: #CC0000;">634</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">668</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span>url<span style="color: #339933;">,</span> windowName<span style="color: #339933;">,</span> params<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
bindShareList<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>
这些分享按钮包括了社区转贴和微博推广两种类型, 因为某些服务的用户群体跟我的分享文章不匹配, 没有加进来, 要加入其他分享按钮的朋友请自行研究和添加.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1584" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/random-advertisements/" rel="bookmark">随机排序广告</a><!-- (8.1)--></li>
		<li><a href="http://www.neoease.com/egg-and-orange/" rel="bookmark">鸡蛋, 桔子</a><!-- (4.3)--></li>
		<li><a href="http://www.neoease.com/inove-13-released/" rel="bookmark">iNove 1.3 发布</a><!-- (3.5)--></li>
		<li><a href="http://www.neoease.com/blog-birthday-2/" rel="bookmark">Blog 两岁了!</a><!-- (2.7)--></li>
		<li><a href="http://www.neoease.com/who-touched-my-feed-reader/" rel="bookmark">谁动了我的订阅器</a><!-- (2.4)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/add-share-buttons/feed/</wfw:commentRss>
		<slash:comments>79</slash:comments>
		</item>
		<item>
		<title>随机排序广告</title>
		<link>http://www.neoease.com/random-advertisements/</link>
		<comments>http://www.neoease.com/random-advertisements/#comments</comments>
		<pubDate>Thu, 05 Aug 2010 08:15:03 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Advertisement]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=1364</guid>
		<description><![CDATA[博客流行在侧边栏放置 4 到 6 个 125x125 的广告, 但一般的摆放顺序存在问题. 如果广告位置被固定, 各个位置的天然关注度肯定是不一样的. 投放广告的人都很关注他的广告会放在哪个位置, 因为这可能影响点击次数, 甚至是否在第一屏显示. 就这个问题, 其实很容易解决, 只要随机显示广告即可. 代码如何实现? 在这我推荐两种随机显示广告的处理办法. 在后端处理 在后端排序好再输出页面. 将广告节点用数组存放, 对数组进行随机排序, 再输出经过排序的数组. 参考代码 (PHP) 如下: // 用数组存放广告列表 $ads = array&#40;'&#60;a href=&#34;#&#34;&#62;&#60;img src=&#34;ad-125x125.png&#34; alt=&#34;广告 1&#34; width=&#34;125&#34; height=&#34;125&#34; /&#62;&#60;/a&#62;' ,'&#60;a href=&#34;#&#34;&#62;&#60;img src=&#34;ad-125x125.png&#34; alt=&#34;广告 2&#34; width=&#34;125&#34; height=&#34;125&#34; /&#62;&#60;/a&#62;' ,'&#60;a href=&#34;#&#34;&#62;&#60;img src=&#34;ad-125x125.png&#34; alt=&#34;广告 3&#34; width=&#34;125&#34; height=&#34;125&#34; /&#62;&#60;/a&#62;' ,'&#60;a [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
博客流行在侧边栏放置 4 到 6 个 125x125 的<strong>广告</strong>, 但一般的<strong>摆放顺序</strong>存在问题. 如果广告位置被固定, 各个位置的天然关注度肯定是不一样的.
</p>
<p>
投放广告的人都很关注他的广告会放在哪个位置, 因为这可能影响点击次数, 甚至是否在第一屏显示. 就这个问题, 其实很容易解决, 只要<strong>随机</strong>显示广告即可.
</p>
<p>
代码如何实现? 在这我推荐两种随机显示广告的处理办法.
</p>
<p><span id="more-1364"></span></p>
<h3>在后端处理</h3>
<p>
在后端排序好再输出页面. 将广告节点用数组存放, 对数组进行随机排序, 再输出经过排序的数组. 参考代码 (PHP) 如下:
</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #666666; font-style: italic;">// 用数组存放广告列表</span>
<span style="color: #000088;">$ads</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 1&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;'</span>
			<span style="color: #339933;">,</span><span style="color: #0000ff;">'&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 2&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;'</span>
			<span style="color: #339933;">,</span><span style="color: #0000ff;">'&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 3&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;'</span>
			<span style="color: #339933;">,</span><span style="color: #0000ff;">'&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 4&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;'</span>
<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// 对数组进行随机排序</span>
<span style="color: #990000;">shuffle</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$ads</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// 输出经过排序的数组</span>
<span style="color: #000088;">$html</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">''</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$ads</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$ad</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$ad</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #000088;">$html</span><span style="color: #339933;">;</span></pre></div></div>

<p>
我们来扩展一下, 如果我是站长, 预留了 4 个广告位, 但现在只有 3 个在投放; 我想在空置的广告位放置一个 "虚位以待" 的广告招租链接, 并显示在最后, 该如何处理呢? 在排序完成之后再插放广告招租链接就可以了.
</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #666666; font-style: italic;">// 用数组存放广告列表</span>
<span style="color: #000088;">$ads</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 1&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;'</span>
			<span style="color: #339933;">,</span><span style="color: #0000ff;">'&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 2&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;'</span>
			<span style="color: #339933;">,</span><span style="color: #0000ff;">'&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 3&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;'</span>
<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// 对数组进行随机排序</span>
<span style="color: #990000;">shuffle</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$ads</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// 输出经过排序的数组</span>
<span style="color: #000088;">$html</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">''</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">foreach</span> <span style="color: #009900;">&#40;</span><span style="color: #000088;">$ads</span> <span style="color: #b1b100;">as</span> <span style="color: #000088;">$ad</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #000088;">$ad</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #666666; font-style: italic;">// 添加广告招租链接</span>
<span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;sell-ad-125x125.png&quot; alt=&quot;虚位以待&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;'</span><span style="color: #339933;">;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #000088;">$html</span><span style="color: #339933;">;</span></pre></div></div>

<p>
我就是用这个方法来输出 125x125 广告的, 因为它直观可靠, 处理方便. 但是如果你希望对页面做静态化, 建议选用 JS 随机排序的方法.
</p>
<h3>在前端处理</h3>
<p>
在后端按原有循序输出, 在页面通过 JavaScript 重新排序. 假设页面输出广告区域的 HTML 片段如下.
</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;div id=&quot;ads&quot;&gt;
	&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 1&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;
	&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 2&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;
	&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 3&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;
	&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 4&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;
&lt;/div&gt;</pre></div></div>

<p>
我们可以通过 JS 来对广告进行重新排序. 参考代码如下:
</p>

<div class="wp_syntax"><div class="code"><pre class="html" style="font-family:monospace;">&lt;div id=&quot;ads&quot; style=&quot;display:none;&quot;&gt;
	&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 1&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;
	&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 2&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;
	&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 3&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;
	&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;ad-125x125.png&quot; alt=&quot;广告 4&quot; width=&quot;125&quot; height=&quot;125&quot; /&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;div id=&quot;random-ads&quot; style=&quot;display:none;&quot;&gt;
&lt;/div&gt;
&nbsp;
&lt;script type=&quot;text/javascript&quot;&gt;
//&lt;![CDATA[
&nbsp;
var source = document.getElementById('ads');
var target = document.getElementById('random-ads');
var ads = source.getElementsByTagName('a');
&nbsp;
// 下标数组
var arr = new Array();
for(var i=0; i&lt;ads.length; i++) {
	arr[i] = i;
}
&nbsp;
// 随机排序
function randomSort(a, b){
	var tmp = parseInt((Math.random() + 0.5), 10);
	return tmp ? a-b : b-a;
}
&nbsp;
// 将老的广告区的节点随机插放到新的广告区
arr.sort(randomSort);
for(var i=0; i&lt;arr.length; i++) {
	target.appendChild(ads[arr[i]].cloneNode(true));
}
&nbsp;
// 显示新的广告区和移除老的广告区
source.parentNode.removeChild(source);
target.style.display = 'block';
&nbsp;
//]]&gt;
&lt;/script&gt;</pre></div></div>

<p>
如果有如同方法 1 那样的扩展需求, 将空广告位显示在最后, 且显示广告招租链接, 该如何处理? 这个当作课后习题吧...</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=1364" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/update-feedsky-subscribe-number-everyday/" rel="bookmark">每日同步 Feedsky 订阅数</a><!-- (4.5)--></li>
		<li><a href="http://www.neoease.com/show-diff-between-crawlers-and-guests/" rel="bookmark">向访客和爬虫显示不同的内容</a><!-- (4.3)--></li>
		<li><a href="http://www.neoease.com/spliting-blogroll-to-2-columns-03/" rel="bookmark">将 Blogroll 分为两栏 (3)</a><!-- (4.2)--></li>
		<li><a href="http://www.neoease.com/output-html-in-javascript/" rel="bookmark">用 JavaScript 输出页面代码</a><!-- (3.3)--></li>
		<li><a href="http://www.neoease.com/jquery-slideup-and-slidedown/" rel="bookmark">jQuery 的 slideUp 和 slideDown 动画</a><!-- (3.3)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/random-advertisements/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>谁动了我的订阅器</title>
		<link>http://www.neoease.com/who-touched-my-feed-reader/</link>
		<comments>http://www.neoease.com/who-touched-my-feed-reader/#comments</comments>
		<pubDate>Fri, 14 Aug 2009 17:58:40 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[Web Tool]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Feed Reader]]></category>
		<category><![CDATA[Follow]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=886</guid>
		<description><![CDATA[信息爆炸时代我已经不能好好的阅读了, 每天打开浏览器 Google Reader, 它都会提示我有数百篇文章尚未查阅. 昨天我终于受不了了, unfollow 掉了绝大部分网友. 刚用 Google Reader 的时候, 我觉得它把我带出了烦嚣的网络, 我可以在其上订阅我喜欢的新闻, 故事, 技术, 笑话, 任何的不管高雅还是低俗的频道. 我获得了清晰的文章列表, 统一的浏览界面, 它提高了我的阅读速度. Google 野心越来越大, Reader 并不仅仅是一个 Feed 阅读器, 它渐渐的转变为一个社区, 好友们可以在其上分享好文, 追加评论. 刚开始的时候我觉得很好, 可以阅读到其他人感兴趣的文章, 经常得到意外的收获. 但现在, 情况有些改变了. 越来越多的人在 Google Reader 上推文章, 有人逢文必推, 有人兴趣广泛, 有人自我推荐. 每次进入, 推上来的文章比我自己订阅的要多得多, 看到未读文章的数量就让我完全丧失了读文的动力, 直接就去点 Make all as read 按钮. 对于以下情况我是及其反感的: 转载过多, 或者被群集网站 (如 [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
信息爆炸时代我已经不能好好的阅读了, 每天打开浏览器 Google Reader, 它都会提示我有数百篇文章尚未查阅. 昨天我终于受不了了, unfollow 掉了绝大部分网友.
</p>
<p>
刚用 Google Reader 的时候, 我觉得它把我带出了烦嚣的网络, 我可以在其上订阅我喜欢的新闻, 故事, 技术, 笑话, 任何的不管高雅还是低俗的频道. 我获得了清晰的文章列表, 统一的浏览界面, 它提高了我的阅读速度.
</p>
<p>
Google 野心越来越大, Reader 并不仅仅是一个 Feed 阅读器, 它渐渐的转变为一个社区, 好友们可以在其上分享好文, 追加评论. 刚开始的时候我觉得很好, 可以阅读到其他人感兴趣的文章, 经常得到意外的收获.
</p>
<p><span id="more-886"></span></p>
<p>
但现在, 情况有些改变了. 越来越多的人在 Google Reader 上推文章, 有人逢文必推, 有人兴趣广泛, 有人自我推荐. 每次进入, 推上来的文章比我自己订阅的要多得多, 看到未读文章的数量就让我完全丧失了读文的动力, 直接就去点 Make all as read 按钮.
</p>
<blockquote><p>
对于以下情况我是及其反感的:</p>
<ol>
<li>转载过多, 或者被群集网站 (如 CNBETA) 收录, 而造成同一文章被多次分享. 我建议读者要有自己的原则, 非原文不推, 这是对作者的尊重, 也是防止信息泛滥的好办法.</li>
<li>逢文必推, 进去看到一大片属于某人的推荐我肯定会头晕目眩, 如果你只是看看标题就推, 别人只会觉得你分享的文章没有价值. 没有会相信你每天可以看完上百篇的文章.</li>
<li>只推自己的文章, 很多人把 Twitter, 阅读器等当成了推销自己博客的工具, 不停的在其上打广告, 分享自己的每一篇文章. 甚至另我怀疑他是不是为了推广他的网站而加我为好友的.</li>
</ol>
</blockquote>
<p>
最近发现自己都没有加入新的 Feed 了, 并且没有任何读文的兴致. 我觉得是阅读器信息轰炸了我, 看到一片未读文章我有点崩溃了. 终于, unfollow 了几乎所有的网友, 我还是比较喜欢宁静的阅读.
</p>
<p>
社区化是阅读器的方向, 有道, 鲜果, 九点, ... 都有这样的趋向. 信息爆炸的时代你将如何阅读?
</p>
<p>
最后, 分享一个用阅读器关注自己博客的小技巧. 用订阅器订阅下面的地址, 把 {你的博客站址} 换成你要关注的博客域名, 只要网站在 Google 有良好的收录, 你就可以随时知道谁反链了你的博客.<br />
<em>http://blogsearch.google.cn/blogsearch?q=link:{你的博客站址}</em></p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=886" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/guangzhou-twitter-camp/" rel="bookmark">广州推友聚会</a><!-- (5.8)--></li>
		<li><a href="http://www.neoease.com/inove-13-released/" rel="bookmark">iNove 1.3 发布</a><!-- (4.9)--></li>
		<li><a href="http://www.neoease.com/i-am-back-20080212/" rel="bookmark">归来</a><!-- (4.5)--></li>
		<li><a href="http://www.neoease.com/google-blog-converters-appengine/" rel="bookmark">Google 帮你的博客搬家</a><!-- (3.4)--></li>
		<li><a href="http://www.neoease.com/why-change-to-neoease-dot-com/" rel="bookmark">为什么换用域名 neoease.com ?</a><!-- (3.3)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/who-touched-my-feed-reader/feed/</wfw:commentRss>
		<slash:comments>41</slash:comments>
		</item>
		<item>
		<title>广州推友聚会</title>
		<link>http://www.neoease.com/guangzhou-twitter-camp/</link>
		<comments>http://www.neoease.com/guangzhou-twitter-camp/#comments</comments>
		<pubDate>Sun, 09 Aug 2009 17:04:22 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[Journal]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Photo]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=884</guid>
		<description><![CDATA[Jason Ng 和 Maoz 返家借道广州, 大家借此大会小聚. 今天一行 12 人, 有 @jason5ng32, @maoz, @cosbeta, @hengcuo, @imvern, @xtremforce, @billzhong, @noyy, @lemoned, @icalcifer, @xgjames, 当然还有再次被形容得很瘦的我 (@mg12) 因为广州伟大的 BRT 工程, 我提前出门还是差点迟到了. 在星巴克集合, 除 Calcifer 外的其他人都是第一次见面. 咖啡没喝上, 却是找了个饭馆吃了个没鱼的粤菜. 饭后就开始聊个不停了, 从 Blog 到 Twitter, 从 Twitter 到 XXX... (累了, 后面省略 1 万字) 柠檬在百脑汇和太平洋电脑城的怂恿人流之间为我们拍下了这张不完全的合照, 欢迎不明真相的朋友来围观. 补充内容: 从左到右, 成熟稳重的江东大哥, 名博创始人 Jason Ng, 清华才女 [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
Jason Ng 和 Maoz 返家借道广州, 大家借此大会小聚.
</p>
<p>
今天一行 12 人, 有 @<a href="https://twitter.com/jason5ng32">jason5ng32</a>, @<a href="https://twitter.com/maoz">maoz</a>, @<a href="https://twitter.com/cosbeta">cosbeta</a>, @<a href="https://twitter.com/hengcuo">hengcuo</a>, @<a href="https://twitter.com/imvern">imvern</a>, @<a href="https://twitter.com/xtremforce">xtremforce</a>, @<a href="https://twitter.com/billzhong">billzhong</a>, @<a href="https://twitter.com/noyy">noyy</a>, @<a href="https://twitter.com/lemoned">lemoned</a>, @<a href="https://twitter.com/icalcifer">icalcifer</a>, @<a href="https://twitter.com/xgjames">xgjames</a>, 当然还有再次被形容得很瘦的我 (@<a href="https://twitter.com/mg12">mg12</a>)
</p>
<p>
因为广州伟大的 BRT 工程, 我提前出门还是差点迟到了. 在星巴克集合, 除 Calcifer 外的其他人都是第一次见面. 咖啡没喝上, 却是找了个饭馆吃了个没鱼的粤菜. 饭后就开始聊个不停了, 从 Blog 到 Twitter, 从 Twitter 到 XXX... (累了, 后面省略 1 万字)
</p>
<p><span id="more-884"></span></p>
<p>
柠檬在百脑汇和太平洋电脑城的怂恿人流之间为我们拍下了这张不完全的合照, 欢迎不明真相的朋友来围观.
</p>
<p>
<img class="sided" src="http://farm3.static.flickr.com/2421/3804603298_962034bf6e.jpg" alt="广州推友聚会" />
</p>
<p>
补充内容:<br />
从左到右, 成熟稳重的江东大哥, 名博创始人 Jason Ng, 清华才女 maoz, 高壮帅哥火星蜥蜴, 首次认识的 imvern, 后面被挡住的是异次元软件世界的 X-force, 传说中的 mg12, 曾经的纯情小绵羊 Calcifer.
</p>
<p>
Jason Ng 版本: <a href="http://blog.kenengba.com/2009/08/10/527/">广州推友一中全会</a><br />
火星蜥蜴版本: <a href="http://www.hengcuo.net/articles/guangzhou-twitters-gathering.html">围观禅猫广州推油团</a></p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=884" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/wordpress-plugin-thread-twitter/" rel="bookmark">WordPress 插件 Thread Twitter</a><!-- (8.5)--></li>
		<li><a href="http://www.neoease.com/thread-twitter-05/" rel="bookmark">Thread Twitter 0.5</a><!-- (6)--></li>
		<li><a href="http://www.neoease.com/wordcamp-2009-beijing/" rel="bookmark">WordCamp 2009 北京之行</a><!-- (5.8)--></li>
		<li><a href="http://www.neoease.com/hangzhou-baochu-pagota/" rel="bookmark">保俶山之游</a><!-- (5.7)--></li>
		<li><a href="http://www.neoease.com/twitter-clients/" rel="bookmark">Twitter 客户端推荐</a><!-- (5.1)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/guangzhou-twitter-camp/feed/</wfw:commentRss>
		<slash:comments>91</slash:comments>
		</item>
		<item>
		<title>在墙外</title>
		<link>http://www.neoease.com/out-of-the-wall/</link>
		<comments>http://www.neoease.com/out-of-the-wall/#comments</comments>
		<pubDate>Sat, 11 Jul 2009 14:49:21 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[Journal]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Great Firewall]]></category>
		<category><![CDATA[IP]]></category>
		<category><![CDATA[Talk]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=874</guid>
		<description><![CDATA[前几天 NeoEase 在中国大陆地区一直无法访问, 很多朋友在 IM 上或者发电邮询问, 也有朋友翻墙慰问, 我很感谢各位的关心和支持. 在此, 我觉得有必要简单的说明一下事件的缘由, 以免有人胡乱猜测. 本次连续几天无法访问是因为 IP 被封杀了. 怎么都想不通为什么我这么纯洁的网站都被封杀吧? 是因为同主机的某人发表过激言论所致, 我只是被拖下水的 (用清政府的说法就是被 "株连" 了). 在被封杀的六天中, IP 锐减一半, 邮件却多了一倍 (我没时间一一回复, 不好意思啊). 换了个 IP (幸好 MT 的独立 IP 不是很贵), 现在一切如常. 网友们发表言论应该思前想后, 要意识到自己的责任所在, 尤其是多人合租的用户, 更应该注意自己的言行, 以免后庭起火, 殃及池鱼. 要发表意见还是有很多场所的, 没必把有争议的标语贴在自家墙上. 这样或许可以吸引无数眼球, 但也可能引来烧身之火. 不幸地关闭了几天 360 扣扣保镖对阵腾讯 QQ 随机排序广告 微博客的 RT 方式 IE6 必死 Copyright [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
前几天 NeoEase 在中国大陆地区一直无法访问, 很多朋友在 IM 上或者发电邮询问, 也有朋友翻墙慰问, 我很感谢各位的关心和支持. 在此, 我觉得有必要简单的说明一下事件的缘由, 以免有人胡乱猜测.
</p>
<p>
<img class="sided" src="http://static.bowenwang.com.cn/gif/mtg-beijing-sidetrips-2.jpg" alt="在墙外" />
</p>
<p>
本次连续几天无法访问是因为 IP 被封杀了. 怎么都想不通为什么我这么纯洁的网站都被封杀吧? 是因为同主机的某人发表过激言论所致, 我只是被拖下水的 (用清政府的说法就是被 "株连" 了). 在被封杀的六天中, IP 锐减一半, 邮件却多了一倍 (我没时间一一回复, 不好意思啊). 换了个 IP (幸好 MT 的独立 IP 不是很贵), 现在一切如常.
</p>
<p>
网友们发表言论应该思前想后, 要意识到自己的责任所在, 尤其是多人合租的用户, 更应该注意自己的言行, 以免后庭起火, 殃及池鱼. 要发表意见还是有很多场所的, 没必把有争议的标语贴在自家墙上. 这样或许可以吸引无数眼球, 但也可能引来烧身之火.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=874" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/blog-closed-for-some-days/" rel="bookmark">不幸地关闭了几天</a><!-- (5.2)--></li>
		<li><a href="http://www.neoease.com/360-vs-qq/" rel="bookmark">360 扣扣保镖对阵腾讯 QQ</a><!-- (2)--></li>
		<li><a href="http://www.neoease.com/random-advertisements/" rel="bookmark">随机排序广告</a><!-- (2)--></li>
		<li><a href="http://www.neoease.com/twitter-retweet-strategy/" rel="bookmark">微博客的 RT 方式</a><!-- (2)--></li>
		<li><a href="http://www.neoease.com/ie6-must-die/" rel="bookmark">IE6 必死</a><!-- (2)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/out-of-the-wall/feed/</wfw:commentRss>
		<slash:comments>79</slash:comments>
		</item>
		<item>
		<title>Blog 两岁了!</title>
		<link>http://www.neoease.com/blog-birthday-2/</link>
		<comments>http://www.neoease.com/blog-birthday-2/#comments</comments>
		<pubDate>Thu, 18 Jun 2009 14:24:05 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Blog]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=868</guid>
		<description><![CDATA[两年前大学毕业, 在激情与冲动, 无聊和好奇的驱使下创建了这个博客. 博客建立之初, 只想作为一个个人日志和兴趣分享的博客, 内容五花八门. 但由于那些接二连三的令我预想不到的好事和坏事, 从一年前开始, 博客开始有所侧重, 现在以 WordPress, 网页技巧和 Web 2.0 的为主. 有人说我被读者所制约了, 我不那么认为, 最近半年我写的文章明显地比以前少了, 但文章都比较长. 我想挑一些网友可能需要的或者自己感兴趣的话题详细地来叙述, 我希望所有看过文章的人都可以从中得到详尽的, 全面的描述, 仅此而已. 下面我再一次回顾过去, 展望未来. 主机选择 30 块一年的垃圾空间 -&#62; 明网 -&#62; site5 -&#62; (MT)MediaTemple 第一次买空间啥都不知道, 贪图便宜搞了个垃圾空间, 不过竟然用了半年. 第二次是明网, 但由于明网 2008 年 9 月由于欠费被停机, 并对客户消极对应和推卸责任, 本来一直说要支持国内空间的我经过这次算是看透了, 铁了心以后不再买国内空间. 今天 2 月他还有脸面问我是否续费, 去他 XX 的... 第三次是 Denis 同学他们的 [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
两年前大学毕业, 在激情与冲动, 无聊和好奇的驱使下创建了这个博客. 博客建立之初, 只想作为一个个人日志和兴趣分享的博客, 内容五花八门. 但由于那些接二连三的令我预想不到的好事和坏事, 从一年前开始, 博客开始有所侧重, 现在以 WordPress, 网页技巧和 Web 2.0 的为主. 有人说我被读者所制约了, 我不那么认为, 最近半年我写的文章明显地比以前少了, 但文章都比较长. 我想挑一些网友可能需要的或者自己感兴趣的话题详细地来叙述, 我希望所有看过文章的人都可以从中得到详尽的, 全面的描述, 仅此而已.
</p>
<p>
下面我再一次回顾过去, 展望未来.
</p>
<p><span id="more-868"></span></p>
<h3>主机选择</h3>
<p>
30 块一年的垃圾空间 -&gt; 明网 -&gt; site5 -&gt; (MT)MediaTemple
</p>
<p>
第一次买空间啥都不知道, 贪图便宜搞了个垃圾空间, 不过竟然用了半年.<br />
第二次是明网, 但由于明网 2008 年 9 月由于欠费被停机, 并对客户消极对应和推卸责任, 本来一直说要支持国内空间的我经过这次算是看透了, 铁了心以后不再买国内空间. 今天 2 月他还有脸面问我是否续费, 去他 XX 的...<br />
第三次是 Denis 同学他们的 site5 主机. 由于 site5 和电信 "纠葛不清", 并且流量显得有些不够, 所以转出来的, 但 <a href="http://demo.neoease.com/">demo.neoease.com</a> 还是放在这个主机上.<br />
现在正在用的是 (MT)MediaTemple 的 DV 主机. 很贵很稳定, 但速度好像也不咋样. 不过我会继续使用的, 稳定就是王道.
</p>
<p>
很多同学问我用的什么主机好, 我说 MT 好吧, 这主机真有够贵的, 不适合新手. <a href="http://hugege.com/">胡戈戈</a>是我师弟, 最近在他那弄来个空间搭建了一个比较邪恶的网站 (啥网站就不说了, 比较邪恶就是), 感觉还不错, 性价比也还好. 而且胡戈戈服务巨周到, 还可以帮忙买域名再 push 给到你的帐号. <a href="http://www.gegehost.com/">想买空间的朋友可以到他的网站去参考一下</a>. 他的网站上好像还有很多关于建站的资料, 强烈建议新手去看看, 就算不买空间也不妨一去.
</p>
<h3>域名选择</h3>
<p>
mg12.name -&gt; fighton.cn -&gt; neoease.com
</p>
<p>
第一次看到 .name 新颖, 就买了, 还是在万网买的, 这次可是亏大了.<br />
第二次是叫朋友帮我买的, 贪便宜, 还是被 CNNET 坑了.<br />
第三次的这域名我决定非 .com 不要, 想了一整天就才注册的, 还是挺满意的, 不出意外就不换了. 后来我又把 neoease.org 和 neoease.net 给注册了, 另有他用.
</p>
<p>
关于域名注册, 我建议到 <a href="http://www.godaddy.com/">godaddy.com</a> 或者 <a href="http://www.name.com/">name.com</a> 注册, godaddy.com 会比 name.com 便宜一点, 但是后者提供免费的信息屏蔽服务. 前面说过, <a href="http://www.gegehost.com/">胡戈戈同志会帮忙买域名</a>, 如果你想了解更多, 可以咨询一下他. 需要美元可以找我兑换. <img src='http://www.neoease.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' />
</p>
<h3>网站排名</h3>
<p>
<strong>PageRank:</strong> 0 -&gt; 2 -&gt; 3 -&gt; 4 -&gt; 6 -&gt; 7 -&gt; 4 -&gt;5<br />
<strong>Alexa:</strong> ∞ -&gt; 600,000+ -&gt; 20,000+
</p>
<p>
PR 一直在上升, 完全没有受更换域名的影响 (以前我不会做 301, 囧), 在 iNove 发布后还一度上升到 PR7, 但是因为我卖链接, 被降到 4 (哦耶~), 但网站还有将近 20 万个反链接, 改邪归正后我相信会逐渐恢复权值的.
</p>
<p>
Alexa 一直稳步上升, 在 2 万名附近徘徊. 访客中有 60% IP 来自海外, 这可能是排名比较靠前的原因之一, 同时也说明我将主题和插件两个页面做成英文的策略是正确的. <img src='http://www.neoease.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />
</p>
<h3>广告投放</h3>
<p>
经过差不多一年 (其实是 7 个月左右, 有些月份我没投放 GA 广告) 的 Google Adsense 广告投放, 发现效果并不理想, 只有 50 美元. 原因有二, 1. 中文广告单价过低; 2. 我只在侧边栏投放广告, 并且广告只有一个, 所以点击数不够.
</p>
<p>
为此, 我已经撤下了 Google Adsense 广告, 换上了 125x125 的图片广告. 广告最多做 4 个, 内容不设重复的 (如: 胡戈戈做了个卖主机的广告, 我就不做其他主机相关的), 每月 100 人民币或 20 美元, 欢迎订购广告位. <img src='http://www.neoease.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' />
</p>
<h3>主题插件</h3>
<p>
这一年来还是发布了两个主题, Blocks2 和 iNove.<br />
<a href="http://www.neoease.com/blocks/">Blocks2</a> 是使用 Blocks 相同配色的一个空间实用性更高的图图片主题, 界面简洁清新, 方便修改.<br />
<a href="http://www.neoease.com/inove/">iNove</a> 是一款流行的风格, 经过数个版本的升级兼容性和扩展性都比较完善, 有 40 多个国家和地区的语言包支持. iNove 是我的福音, 一不小心被放在 WordPress Featured Themes 栏目上, 之后一直在下载第一名和第二名之间徘徊, 为我带来了大量流量和订制主题的活.<br />
今年我准备还是发布两个免费主题, 其中一个的界面已经设计好了, 将会是一个面对 Group 的主题, 界面灰白, 将会用在 neoease.org 中. 但最近比较忙, 真不敢确定什么时候才能开始.
</p>
<p>
这段时间做了很多插件, 多是用于提高用户体验的, 包括为评论分页添加 <a href="http://www.neoease.com/ajax-comment-pager/">AJAX Comments Pager</a> 等, 还有针对 SEO 的 <a href="http://www.neoease.com/wp-easyarchives/">WP-EasyArchives</a>. 最近我对其中一些插件进行了更新, 主要是让插件支持 jQuery 库, 由于 jQuery 的日趋流行, 很多博客都用上了它, 我也忍不住学了一点. 以后我会在所有插件中加上一个选项, 可以选择是否使用 jQuery 库. 而为了确保兼容性, 我没有使用 jQuery 的 $ 方法.<br />
对于插件, 我一直没有发布计划, 一旦我找不到自己需要的插件就会自己做, 做出来就可能发布, 一直皆如此.
</p>
<h3>感谢你们</h3>
<p>
我需要感谢很多人... 感谢我的朋友, 感谢所以在此关注的人, 订阅的人, 留言的人, 为免漏人, 我就不点名了. 不过我要特别感谢一下所有捐献给我的人, 无论是捐献主题插件的译本还是捐献金钱.<br />
一年来我收到了很多针对主题和插件的语言包和宝贵的意见反馈; 也得到了来自世界各地的捐款 (博客右上角加了个捐款的按钮), 有 $1, $2 的, 也有 $10, $20 的, 数目虽然不大, 但是着都是对我的有力支持.<br />
谢谢你们的关注, 谢谢你们的评论和捐献.<br />
Thanks for your attention, and thanks for your comments, and thanks for your translations, and thanks for your donation.
</p>
<h3>何来何往?</h3>
<p>
去年的总结性文章中, 我谈到了关于开博的几个初衷, 那几点我觉得都已经做到了. 博客不仅仅是博客, 接下来我需要一些突破, 将来的一年, 我可能会彻底对博客作出大的调整, 或者添加一些周边的服务. 到时同样需要你们的支持和协助, 谢谢!</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=868" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/blog-birthday-1/" rel="bookmark">Blog 一岁了!</a><!-- (10.4)--></li>
		<li><a href="http://www.neoease.com/new-wordpress-theme-inove/" rel="bookmark">WordPress 新主题 iNove</a><!-- (7.9)--></li>
		<li><a href="http://www.neoease.com/output-html-in-javascript/" rel="bookmark">用 JavaScript 输出页面代码</a><!-- (6.4)--></li>
		<li><a href="http://www.neoease.com/upgrade-to-wordpress-27/" rel="bookmark">更新至 WordPress 2.7 正式版</a><!-- (5.9)--></li>
		<li><a href="http://www.neoease.com/inove-13-released/" rel="bookmark">iNove 1.3 发布</a><!-- (5.9)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/blog-birthday-2/feed/</wfw:commentRss>
		<slash:comments>84</slash:comments>
		</item>
		<item>
		<title>iNove 1.3 发布</title>
		<link>http://www.neoease.com/inove-13-released/</link>
		<comments>http://www.neoease.com/inove-13-released/#comments</comments>
		<pubDate>Tue, 21 Apr 2009 08:05:31 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[WP Theme]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Release]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=849</guid>
		<description><![CDATA[iNove 1.3 发布了, 离上次发布足足三个月, 是我有意推迟发布的. 因为一直被一些小问题困扰着; 我也在考虑要不要将 jQuery 集成到主题中, 或者增加更多页面效果; 需要兼容 IE8, 在等它发布; 另外就是多事缠身有点小忙, 人嘛, 总得吃饭啊. 之前我发过篇题为 "iNove 需求调查" 的文章, 意在向广大网友征集意见. 通过网友的投票, 我最终还是打消了合并侧边栏为一个的念头. 为主题添加了 Ctrl+Enter 提交评论的组合键. 不过我并没有添加 footer 可以添加代码的部分, 因为我发现很多插件可以做这事情. 在这里向提出建议和投票的各位表示感谢. 为了避免不必要的发问, 我在这里描述一下更新内容. 1. 兼容 IE8, 因为 IE7 用户群多, 我又不想出现太多的 Hack 代码, 所以我只是选用了 IE7 模式来进行显示. 当 IE7 用户很少的时候 (或许要等 Windows 7 普及的时候), 我将会完全放弃兼容 IE7. 2. [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
iNove 1.3 发布了, 离上次发布足足三个月, 是我有意推迟发布的. 因为一直被一些小问题困扰着; 我也在考虑要不要将 jQuery 集成到主题中, 或者增加更多页面效果; 需要兼容 IE8, 在等它发布; 另外就是多事缠身有点小忙, 人嘛, 总得吃饭啊.
</p>
<p>
之前我发过篇题为 <a href="http://www.neoease.com/inove-requirements/">"iNove 需求调查"</a> 的文章, 意在向广大网友征集意见. 通过网友的投票, 我最终还是打消了合并侧边栏为一个的念头. 为主题添加了 Ctrl+Enter 提交评论的组合键. 不过我并没有添加 footer 可以添加代码的部分, 因为我发现很多插件可以做这事情. 在这里向提出建议和投票的各位表示感谢.
</p>
<p><span id="more-849"></span></p>
<p>
为了避免不必要的发问, 我在这里描述一下更新内容.
</p>
<p>
1. 兼容 IE8, 因为 IE7 用户群多, 我又不想出现太多的 Hack 代码, 所以我只是选用了 IE7 模式来进行显示. 当 IE7 用户很少的时候 (或许要等 Windows 7 普及的时候), 我将会完全放弃兼容 IE7.<br />
2. 支持 <a href="http://www.neoease.com/plugins/">AJAX Comment Pager</a> 插件, 因为这不是一个 click-click 插件, 需要改些代码, 所以很多朋友问我如何使用. 这次我干脆就把它给支持了, 只要激活插件, 修改后台参数就可以用了.<br />
3. 支持 Denis 的 <a href="http://fairyfish.net/2009/01/16/thread-twitter/">Thread Twitter</a> 插件, 为此添加了一个 twitter.php 模板文件.<br />
4. 支持 <a href="http://wordpress.org/extend/plugins/wp-polls/">WP-Poll</a> 插件, 其实只是为它重新定义了样式.<br />
5. 增加日历 Widget 的样式.<br />
6. 在主题设置页面增加一个选项, 控制是否显示 Feed 阅读器的列表.<br />
7. 在主题设置页面增加向横幅添加 HTML 的选项, 可以在这个位置放个广告或者个人介绍, 推荐放置高度为 60px 的广告.<br />
8. 增加几个地区的语言, 并更新简体中文和繁体中文的语言包.<br />
9. 添加了 Ctrl+Enter 提交评论的组合键.<br />
10. 更改表格的样式.<br />
11. 更改图标 caption 的样式.<br />
12. 更换搜索栏.<br />
13. 将所有 '&lt;?' 更改为 '&lt;?php', 因为有些 PHP 容器没开通对前者的支持.<br />
14. 修复多行 tag 不能显示的问题.<br />
15. 当鼠标不在菜单上, 让鼠标变成回一般状态.<br />
16. 修复显示评论数量不正确的问题, 本来连没同意显示的评论数量都算上了.<br />
17. 修复显示 'this.menu is undefined' 错误信息并且不能显示 Feed 订阅器列表的问题.<br />
18. 修复一些文本输出问题, 包括没被翻译到的字符串.<br />
19. 移除 description 和 keywords 选项, 因为这与一些 SEO 插件冲突. (建议想弄 SEO 的朋友还是自己搞吧, 别信插件)<br />
20. 移除图片切换功能, 因为这个只是我自己在用, 放在发布的代码里面有点不厚道.
</p>
<p>
我只能详细到这种程度了, 如果你还想知道哪些代码发生了变化, 建议你安装一个代码对比工具查看.
</p>
<p>
对于与一些插件不兼容的问题, 我还是那句话 "不可能兼容所有插件的". 如果你知道冲突问题怎么解决, 那么请可以告诉我, 我会尝试在新版中将这个问题解决掉. 关于 WP-PageNavi 插件, 我建议使用 2.3x 版本, 2.40 版本在 IE 上显示十分丑陋 (无论是什么主题).
</p>
<p>
主题何去何从? 这个主题将不会集成 jQuery, 不会发布其他配色, 更不会有三栏版本, 这些都是为了保持尽量的简洁, 毕竟它不是一个定制主题, 需要预留一定的修改空间. 以后我会将重点放在解决 bug 和提高兼容性方面, 外观不会有太大变化.
</p>
<p>
<a href="http://wordpress.org/extend/themes/inove/">下载 iNove</a> | <a href="http://www.neoease.com/inove/">相关说明</a>
</p>
<p>
最后 YY 一下, 目前 iNove 的总下载量达到十七万多了, 同时也将 NeoEase.com 推到了 PR7. <img src='http://www.neoease.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':grin:' class='wp-smiley' /></p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=849" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/inove/" rel="bookmark">WordPress 主题 iNove</a><!-- (11.2)--></li>
		<li><a href="http://www.neoease.com/new-wordpress-theme-inove/" rel="bookmark">WordPress 新主题 iNove</a><!-- (11)--></li>
		<li><a href="http://www.neoease.com/change-header-color-of-inove/" rel="bookmark">Change Header Color of iNove</a><!-- (9.7)--></li>
		<li><a href="http://www.neoease.com/thread-twitter-05/" rel="bookmark">Thread Twitter 0.5</a><!-- (8.9)--></li>
		<li><a href="http://www.neoease.com/use-image-title-in-inove/" rel="bookmark">Use Image Title in iNove</a><!-- (8.5)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/inove-13-released/feed/</wfw:commentRss>
		<slash:comments>258</slash:comments>
		</item>
		<item>
		<title>用 JavaScript 输出页面代码</title>
		<link>http://www.neoease.com/output-html-in-javascript/</link>
		<comments>http://www.neoease.com/output-html-in-javascript/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 16:59:40 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=843</guid>
		<description><![CDATA[为什么要用 JavaScript 输出页面代码呢? 是为了不被搜索引擎找到他们. 也就是说, 不让搜索引擎关注这些内容, 而突出你网站的其他更有价值的内容. 比如, 一个做音乐的网站肯定不希望搜索引擎收录它的存档月份, 因为没有人会通过这个来搜索进来. 这我们就可以用 JavaScript 输出这部分内容. 本人正在使用的 iNove 和我发布的最大区别是在 SEO 上, 你可以查看一下页面代码, 我的侧边栏很多内容都是 JavaScript 输出的. 因为侧边栏一般起到导航作用, 但它杂乱, 不能指明中心内容, 这就是为什么将 Google Adsense 放侧边栏经常会显示 "性病广告". 那怎么用 JavaScript 输出内容呢? 下面我们以本人侧边栏的 WP-RecentComments widget 为例说明一下: 一般输出方法: &#60;!-- recent comments --&#62; &#60;?php if&#40; function_exists&#40;'wp_recentcomments'&#41; &#41; : ?&#62; &#60;div class=&#34;widget&#34;&#62; &#60;h3&#62;Recent Comments&#60;/h3&#62; &#60;ul&#62; &#60;?php wp_recentcomments&#40;'limit=10&#38;length=17&#38;post=false&#38;smilies=true'&#41;; [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
为什么要<strong>用 JavaScript 输出页面代码</strong>呢? 是为了不被搜索引擎找到他们. 也就是说, 不让搜索引擎关注这些内容, 而突出你网站的其他更有价值的内容. 比如, 一个做音乐的网站肯定不希望搜索引擎收录它的存档月份, 因为没有人会通过这个来搜索进来. 这我们就可以用 JavaScript 输出这部分内容.
</p>
<p>
本人正在使用的 iNove 和我发布的最大区别是在 SEO 上, 你可以查看一下页面代码, 我的侧边栏很多内容都是 JavaScript 输出的. 因为侧边栏一般起到导航作用, 但它杂乱, 不能指明中心内容, 这就是为什么将 Google Adsense 放侧边栏经常会显示 "性病广告".
</p>
<p>
那怎么用 JavaScript 输出内容呢? 下面我们以本人侧边栏的 WP-RecentComments widget 为例说明一下:
</p>
<p><span id="more-843"></span></p>
<p>
<strong>一般输出方法:</strong>
</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">&lt;!-- recent comments --&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp_recentcomments'</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
	&lt;div class=&quot;widget&quot;&gt;
		&lt;h3&gt;Recent Comments&lt;/h3&gt;
		&lt;ul&gt;
			<span style="color: #000000; font-weight: bold;">&lt;?php</span> wp_recentcomments<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'limit=10&amp;length=17&amp;post=false&amp;smilies=true'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span>
		&lt;/ul&gt;
	&lt;/div&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endif</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>
<strong>JavaScript 输出方法:</strong>
</p>

<div class="wp_syntax"><div class="code"><pre class="php" style="font-family:monospace;">&lt;!-- recent comments --&gt;
<span style="color: #000000; font-weight: bold;">&lt;?php</span>
	<span style="color: #666666; font-style: italic;">// 插件被激活才进行以下操作</span>
	<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span> <span style="color: #990000;">function_exists</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp_recentcomments'</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
		<span style="color: #666666; font-style: italic;">// 逐行粘合 HTML 代码</span>
		<span style="color: #000088;">$html</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'&lt;div class=&quot;widget&quot;&gt;'</span>
			<span style="color: #339933;">.</span> <span style="color: #0000ff;">'&lt;h3&gt;Recent Comments&lt;/h3&gt;'</span> 
			<span style="color: #339933;">.</span> <span style="color: #0000ff;">'&lt;ul&gt;'</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> wp_recentcomments<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'limit=10&amp;length=17&amp;post=false&amp;smilies=true'</span><span style="color: #339933;">,</span> <span style="color: #009900; font-weight: bold;">false</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$html</span> <span style="color: #339933;">.=</span> <span style="color: #0000ff;">'&lt;/ul&gt;'</span> 
			<span style="color: #339933;">.</span> <span style="color: #0000ff;">'&lt;/div&gt;'</span><span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #666666; font-style: italic;">// 转义处理</span>
		<span style="color: #000088;">$html</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'&quot;'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'\&quot;'</span><span style="color: #339933;">,</span> <span style="color: #000088;">$html</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
		<span style="color: #000088;">$html</span> <span style="color: #339933;">=</span> <span style="color: #990000;">str_replace</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">&quot;'&quot;</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">&quot;\'&quot;</span><span style="color: #339933;">,</span> <span style="color: #000088;">$html</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #666666; font-style: italic;">// 将 HTML 做成 JavaScript 输出代码</span>
		<span style="color: #000088;">$out</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'&lt;script type=&quot;text/javascript&quot;&gt;'</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span> 
			<span style="color: #339933;">.</span> <span style="color: #0000ff;">'//&lt;![CDATA['</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span> <span style="color: #666666; font-style: italic;">// 符合 XHTML 的注释开始</span>
			<span style="color: #339933;">.</span> <span style="color: #0000ff;">'document.write(&quot;'</span> <span style="color: #339933;">.</span> <span style="color: #000088;">$html</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">'&quot;);'</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span> 
			<span style="color: #339933;">.</span> <span style="color: #0000ff;">'//]]&gt;'</span> <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;<span style="color: #000099; font-weight: bold;">\n</span>&quot;</span> <span style="color: #666666; font-style: italic;">// 符合 XHTML 的注释结束</span>
			<span style="color: #339933;">.</span> <span style="color: #0000ff;">'&lt;/script&gt;'</span><span style="color: #339933;">;</span>
&nbsp;
		<span style="color: #666666; font-style: italic;">// 输出页面代码</span>
		<span style="color: #b1b100;">print</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$out</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></div>

<p>
代码中已经有所注释, 其实很简单. 另外, 本人强烈建议将 Recent Comments, Archives, Meta 和广告都做成 JavaScript 输出.
</p>
<p>
一些朋友应该看出来了, 其实本人的博客 SEO 程度并不高, 但一些事是非做不可的, 比如部分内容用 JavaScript 输出, 加上 nofollow 等等.
</p>
<p>
这么做有没有后遗症? 是有的. 如果某人的浏览器不支持 JavaScript, 那么他将看不到这部分内容. 所以该法可用, 好用, 但请慎用.</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=843" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/javascript-get-integer-via-parseint/" rel="bookmark">JavaScript 的 parseInt 取整</a><!-- (5.9)--></li>
		<li><a href="http://www.neoease.com/javascript-namespace/" rel="bookmark">JavaScript 的命名空间</a><!-- (5.8)--></li>
		<li><a href="http://www.neoease.com/dont-depend-on-javascript/" rel="bookmark">请不要过于依赖 JavaScript</a><!-- (5.8)--></li>
		<li><a href="http://www.neoease.com/javascript-with-statement/" rel="bookmark">关于 JavaScript 的 with 语句</a><!-- (5.8)--></li>
		<li><a href="http://www.neoease.com/javascript-onload-function/" rel="bookmark">JavaScript 初始化装载方法</a><!-- (5.6)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/output-html-in-javascript/feed/</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
		<item>
		<title>科比在中国开的博客</title>
		<link>http://www.neoease.com/kobe-bryant-blogging-in-china/</link>
		<comments>http://www.neoease.com/kobe-bryant-blogging-in-china/#comments</comments>
		<pubDate>Sat, 17 Jan 2009 17:08:47 +0000</pubDate>
		<dc:creator>mg12</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[NBA]]></category>

		<guid isPermaLink="false">http://www.neoease.com/?p=820</guid>
		<description><![CDATA[WOW, 不要不相信, NBA 巨星, 我的篮球偶像科比真的在中国开了个博客, 不过科比的博客又是被新浪绑架了... 昨天这个时候博客还没有开通的, 今天已经有了一篇文章, 文章内容包括英文原文和译文, 博主科比在文中简单地介绍了一下自己的这个博客. (很不习惯译文在前, 原文在后) 新浪很疯狂, 新浪网友更疯狂, 已经 10000+ 的评论了. 第一个留言者还很不厚道, 竟然一个人将 1, 2, 3, 4, 5 层全部霸占了. 我也很想留个言的, 奈何没有新浪的账号 (忘记了账号), 没法留言, 所以干脆订阅算了. 订阅了它就可以窥视当下红透半边天的 NBA 球星哦, 还可以顺便学学美式英语, 你还等什么? Hello world! 广州推友聚会 Blog 两岁了! iNove 1.3 发布 为什么换用域名 neoease.com ? Copyright &#169; 2007-2010 NeoEase. All rights reserved. NeoEase.com &#124; [...]<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></description>
			<content:encoded><![CDATA[<p>
WOW, 不要不相信, NBA 巨星, 我的篮球偶像科比真的在中国开了个博客, 不过<strong><a href="http://blog.sina.com.cn/nbakobebryant/">科比的博客</a></strong>又是被新浪绑架了...
</p>
<p>
昨天这个时候博客还没有开通的, 今天已经有了<a href="http://blog.sina.com.cn/s/blog_5b072a050100bre1.html">一篇文章</a>, 文章内容包括英文原文和译文, 博主科比在文中简单地介绍了一下自己的这个博客. (很不习惯译文在前, 原文在后)
</p>
<p>
新浪很疯狂, 新浪网友更疯狂, 已经 10000+ 的评论了. 第一个留言者还很不厚道, 竟然一个人将 1, 2, 3, 4, 5 层全部霸占了.
</p>
<p>
我也很想留个言的, 奈何没有新浪的账号 (忘记了账号), 没法留言, 所以干脆订阅算了. 订阅了它就可以窥视当下红透半边天的 NBA 球星哦, 还可以顺便学学美式英语, 你还等什么?</p>
 <img src="http://www.neoease.com/wp-content/plugins/wordpress-feed-statistics/feed-statistics.php?view=1&post_id=820" width="1" height="1" style="display: none;" /><ul>
		<li><a href="http://www.neoease.com/hello-world/" rel="bookmark">Hello world!</a><!-- (1)--></li>
		<li><a href="http://www.neoease.com/guangzhou-twitter-camp/" rel="bookmark">广州推友聚会</a><!-- (1)--></li>
		<li><a href="http://www.neoease.com/blog-birthday-2/" rel="bookmark">Blog 两岁了!</a><!-- (1)--></li>
		<li><a href="http://www.neoease.com/inove-13-released/" rel="bookmark">iNove 1.3 发布</a><!-- (1)--></li>
		<li><a href="http://www.neoease.com/why-change-to-neoease-dot-com/" rel="bookmark">为什么换用域名 neoease.com ?</a><!-- (1)--></li>
	</ul>
<p><hr color="#E0E0E0" />
<div>
Copyright &copy; 2007-2010 NeoEase. All rights reserved.<br />
<a href="http://www.neoease.com" target="_blank">NeoEase.com</a> | <a target="_blank" href="http://twitter.com/mg12" rel="nofollow">Twitter</a> | <a target="_blank" href="http://weibo.com/mg12" rel="nofollow">新浪微博</a> | <a target="_blank" href="http://www.douban.com/people/mg12" rel="nofollow">豆瓣</a> | <a target="_blank" href="http://www.zhihu.com/people/mg12" rel="nofollow">知乎</a>
</div></p>
]]></content:encoded>
			<wfw:commentRss>http://www.neoease.com/kobe-bryant-blogging-in-china/feed/</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
	</channel>
</rss>

