<?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>不知所云 &#187; WordPress</title>
	<atom:link href="http://leo-n.com/category/tech/wordpress/feed" rel="self" type="application/rss+xml" />
	<link>http://leo-n.com</link>
	<description>Leo.N&#039;s Blog</description>
	<lastBuildDate>Tue, 12 Oct 2010 14:36:46 +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>大话Spam</title>
		<link>http://leo-n.com/boast-spam.html</link>
		<comments>http://leo-n.com/boast-spam.html#comments</comments>
		<pubDate>Tue, 14 Sep 2010 08:13:42 +0000</pubDate>
		<dc:creator>Leo.N</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[spam]]></category>

		<guid isPermaLink="false">http://leo-n.com/?p=784</guid>
		<description><![CDATA[　　Spam，想必独立Blogger都不会陌生，它就像现实世界里出现在老式住宅楼道中或街边电线杆上的出售X支X药、老军医特方治lin病mei毒、包办名校毕业证学位证以及各种等级证、专业疏通管道、开门撬锁甚至帮人报仇复仇等等的小广告一样令人厌恶，它屡禁不止，今天你把它给撕了，待夜幕降临众人入寝后又会有一个左手一打纸，右手一水桶的人偷偷摸摸在你撕去地方重新粘上一张散发着油墨气味的劣质纸张，等第二天你在同样的地方再次发现了它，估计你会情绪抓狂同时心中默默开始问候那人的祖宗十八代。有了这个不雅的比方，估计不玩独立Blog的看客也多少有点明了什么是Spam了，下面步入正题。 它为什么叫做Spam？ 通过搜索，我找到了出处： SPAM，最初是一个罐装肉的牌子。对于这个牌子名字的来源有很多解释，官方版本说，它是“Specially Processed Assorted Meat”特殊加工过的混和肉。这种SPAM肉有段时间非常普及，到了无处不在，令人讨厌的程度。1970年Monty Python剧团有个很流行的Sketch comedy（一种短小的系列喜剧）叫Spam，剧中两位顾客试图点一份没有SPAM的早餐，但不能得逞。后来，Spam被用来称呼互联网上到处散布的垃圾邮件。 下面是引自Wikipedia中对Spam的描述： Spam is the use of electronic messaging systems (including most broadcast media, digital delivery systems) to send unsolicited bulk messages indiscriminately. While the most widely recognized form of spam is e-mail spam, the term is applied to similar abuses in other media: instant messaging spam, [...]]]></description>
			<content:encoded><![CDATA[<p>　　Spam，想必独立Blogger都不会陌生，它就像现实世界里出现在老式住宅楼道中或街边电线杆上的出售X支X药、老军医特方治lin病mei毒、包办名校毕业证学位证以及各种等级证、专业疏通管道、开门撬锁甚至帮人报仇复仇等等的小广告一样令人厌恶，它屡禁不止，今天你把它给撕了，待夜幕降临众人入寝后又会有一个左手一打纸，右手一水桶的人偷偷摸摸在你撕去地方重新粘上一张散发着油墨气味的劣质纸张，等第二天你在同样的地方再次发现了它，估计你会情绪抓狂同时心中默默开始问候那人的祖宗十八代。有了这个不雅的比方，估计不玩独立Blog的看客也多少有点明了什么是Spam了，下面步入正题。</p>
<h4>它为什么叫做Spam？</h4>
<p>通过搜索，我找到了出处：</p>
<blockquote><p><img class="alignright size-full wp-image-797" title="spamfood" src="http://s.leo-n.com/images/blogimages/2010/09/spamfood.jpg" alt="" width="220" height="165" /><br />
SPAM，最初是一个罐装肉的牌子。对于这个牌子名字的来源有很多解释，官方版本说，它是“Specially Processed Assorted Meat”特殊加工过的混和肉。这种SPAM肉有段时间非常普及，到了无处不在，令人讨厌的程度。1970年Monty Python剧团有个很流行的Sketch comedy（一种短小的系列喜剧）叫Spam，剧中两位顾客试图点一份没有SPAM的早餐，但不能得逞。后来，Spam被用来称呼互联网上到处散布的垃圾邮件。</p></blockquote>
<p>下面是引自<a href="http://en.wikipedia.org/wiki/Spam_%28electronic%29" target="_blank">Wikipedia</a>中对Spam的描述：</p>
<blockquote><p>Spam is the use of electronic messaging systems (including most broadcast media, digital delivery systems) to send unsolicited bulk messages indiscriminately. While the most widely recognized form of spam is e-mail spam, the term is applied to similar abuses in other media: instant messaging spam, Usenet newsgroup spam, Web search engine spam, spam in blogs, wiki spam, online classified ads spam, mobile phone messaging spam, Internet forum spam, junk fax transmissions, social networking spam, television advertising and file sharing network spam.</p>
<p>Spamming remains economically viable because advertisers have no operating costs beyond the management of their mailing lists, and it is difficult to hold senders accountable for their mass mailings. Because the barrier to entry is so low, spammers are numerous, and the volume of unsolicited mail has become very high. The costs, such as lost productivity and fraud, are borne by the public and by Internet service providers, which have been forced to add extra capacity to cope with the deluge. Spamming is universally reviled, and has been the subject of legislation in many jurisdictions.</p>
<p>People who create electronic spam are called spammers.</p></blockquote>
<p>英语好的可以点击原文链接查阅。</p>
<h4>何以判定一条信息是Spam？</h4>
<p>　　Spam用通俗的话来解释就是垃圾广告信息，但它是以文字链接或图片信息的方式存在于网络上的，早期存在于聊天室、电子公告板系统中，发展到中期慢慢出现在论坛帖子、回复和博客评论中，到现在，Spam已经是无孔不侵，它也跟上了Web2.0的脚步，以至于出现在论坛PM、SNS（如Facebook、人人、开心）、微博（如Twitter、嘀咕）甚至渗透入手机短信中来。比起早期那种一眼就能看破的形式，现在的Spam在文字功夫上做的可谓是用心良苦，下面几条出现在我博客中的Spam就很具有代表性：</p>
<p>第一种，万能型，他的id是亮点。</p>
<p><img class="size-full wp-image-791 alignnone" title="spam1" src="http://s.leo-n.com/images/blogimages/2010/09/spam1.gif" alt="" width="530" height="88" /></p>
<p>第二种，蛋疼型。</p>
<p><img class="size-full wp-image-792 alignnone" title="spam2" src="http://s.leo-n.com/images/blogimages/2010/09/spam2.gif" alt="" width="530" height="88" /></p>
<p>第三种，精神分裂型，一面在这抨击Spam，一面却在用群发软件到处散发Spam。</p>
<p><img class="size-full wp-image-793 alignnone" title="spam3" src="http://s.leo-n.com/images/blogimages/2010/09/spam3.gif" alt="" width="530" height="104" /></p>
<p>第四种，国外友人型，主机放置于国外的童鞋应该不少见。</p>
<p><img class="size-full wp-image-794 alignnone" title="spam4" src="http://s.leo-n.com/images/blogimages/2010/09/spam4.gif" alt="" width="530" height="398" /></p>
<p>第五种，没事乱献殷勤型。</p>
<p><img class="size-full wp-image-795 alignnone" title="spam5" src="http://s.leo-n.com/images/blogimages/2010/09/spam5.gif" alt="" width="530" height="88" /></p>
<h4>如何抵御Spam？</h4>
<p>一，对于论坛管理者，可以设置注册用户须满X小时后可发贴回贴、在线时间大于X小时后可以发贴回贴、对于积分等级小于X级用户发贴回贴需输入验证码，建立非管理者用户举报Spam奖励机制等方式来最大化避免Spam的入侵，对于已经有大量固定人群的论坛，可以采取邀请注册的机制来避免Spam，国内著名的魔兽世界非官方论坛艾泽拉斯国家地理（NGA）就是一个很好的例子，其采用了连坐制度，如果散发出去邀请码被人用来发布Spam或其他违规信息，邀请码主人也将受到同样的惩罚。</p>
<p>二，对于SNS管理者，亦可采取积分等级低于X级的用户对陌生人发送短消息；对于SNS用户，可设置禁止接收陌生人短消息，或对发送Spam的用户进行举报等方式来避免。</p>
<p>三，对于微博用户，最起效的办法就是unfo。</p>
<p>对于Twitter用户，可以点击Spammer右栏上的举报按钮像官方举报<br />
<img class="alignnone size-full wp-image-802" title="twitterspamreport" src="http://s.leo-n.com/images/blogimages/2010/09/twitterspamreport.png" alt="" width="177" height="76" /><br />
oh，请原谅我用苍老师的主页来做示范。。</p>
<p>对于腾讯微博用户，可以果断将Spammer加入黑名单。<br />
<img class="alignnone size-full wp-image-803" title="tqqspamreport" src="http://s.leo-n.com/images/blogimages/2010/09/tqqspamreport.png" alt="" width="346" height="194" /></p>
<p>四，对于Wordpress用户，那可是方法多种多样了。</p>
<p>1，最基本的，所有新安装的Wordpress都内置了一个名叫Akismet的插件，它就是官方出的反Spam插件，当然，你还不能点了启用了能使用它，你还要去Wordpress.com注册一个用户，获取API密匙，然后回到你自己博客中填入才能正常使用，具体的操作方法已有多位博友写过，在此不再重复，一搜便知。</p>
<p>2，使用小墙，这个方法是我极力推荐的，代码出自<a href="http://kan.willin.org/" target="_blank">Willin</a>大师，目前看来，除了手工输入的Spam，其他自动群发器所发的Spam都能避免。<br />
代码：<br />
<code>/* -----------------------------------------------<br />
&lt;&lt;小牆&gt;&gt; Anti-Spam v1.8 by Willin Kan.<br />
*/<br />
//建立<br />
class anti_spam {<br />
function anti_spam() {<br />
if ( !current_user_can('level_0') ) {<br />
add_action('template_redirect', array($this, 'w_tb'), 1);<br />
add_action('init', array($this, 'gate'), 1);<br />
add_action('preprocess_comment', array($this, 'sink'), 1);<br />
}<br />
}<br />
//設欄位<br />
function w_tb() {<br />
if ( is_singular() ) {<br />
ob_start(create_function('$input','return preg_replace("#textarea(.*?)name=([\"\'])comment([\"\'])(.+)/textarea&gt;#",<br />
"textarea$1name=$2w$3$4/textarea&gt; &lt;textarea name=\"comment\" cols=\"100%\" rows=\"4\"style=\"display:none\"&gt;&lt;/textarea&gt;",$input);') );<br />
}<br />
}<br />
//檢查<br />
function gate() {<br />
( !empty($_POST['w']) &amp;&amp; empty($_POST['comment']) ) ? $_POST['comment'] = $_POST['w'] : $_POST['spam_confirmed'] = 1;<br />
}<br />
//處理<br />
function sink( $comment ) {<br />
if ( !empty($_POST['spam_confirmed']) ) {<br />
//方法一:直接擋掉, 將 die(); 前面兩斜線刪除即可.<br />
//die();<br />
//方法二:標記為spam, 留在資料庫檢查是否誤判.<br />
add_filter('pre_comment_approved', create_function('','return "spam";'));<br />
$is_ping = in_array( $comment['comment_type'], array('pingback', 'trackback') );<br />
$comment['comment_content'] = ( $is_ping ) ?<br />
"◎ 這是 Pingback/Trackback, 小牆懷疑這可能是 Spam!\n" . $comment['comment_content'] :<br />
"[ 小牆判斷這是Spam! ]\n" . $comment['comment_content'];<br />
}<br />
return $comment;<br />
}<br />
}<br />
$anti_spam = new anti_spam();<br />
// -- END ----------------------------------------<br />
</code>原文链接<a href="http://kan.willin.org/?p=1267" target="_blank">http://kan.willin.org/?p=1267</a></p>
<p>3，对于那种以SEO为目的的，我推荐万戈兄所推荐的这种纯属气死Spammer方法，评论链接重定向。<br />
<code>//comments link redirect<br />
add_filter('get_comment_author_link', 'add_redirect_comment_link', 5);<br />
add_filter('comment_text', 'add_redirect_comment_link', 99);<br />
function add_redirect_comment_link($text = ''){<br />
$text=str_replace('href="', 'href="'.get_option('home').'/?r=', $text);<br />
$text=str_replace("href='", "href='".get_option('home')."/?r=", $text);<br />
return $text;<br />
}<br />
add_action('init', 'redirect_comment_link');<br />
function redirect_comment_link(){<br />
$redirect = $_GET['r'];<br />
if($redirect){<br />
if(strpos($_SERVER['HTTP_REFERER'],get_option('home')) !== false){<br />
header("Location: $redirect");<br />
exit;<br />
}<br />
else {<br />
header("Location: http://wange.im/");<br />
exit;<br />
}}}</code></p>
<p>原文链接<a href="http://wange.im/comments-link-redirect-for-wordpress.html" target="_blank">http://wange.im/comments-link-redirect-for-wordpress.html</a></p>
<p>源代码出自我爱水煮鱼的插件<a href="http://fairyfish.net/2009/01/22/comments-link-redirect/" target="_blank">Comments Link Redirect</a></p>
<p>五，对于长期遭受手机短信Spam的，可以去搜索相关手机仿Spam软件，目前各主流手机平台都已有相关软件。</p>
]]></content:encoded>
			<wfw:commentRss>http://leo-n.com/boast-spam.html/feed</wfw:commentRss>
		<slash:comments>76</slash:comments>
		</item>
		<item>
		<title>给博客文章添加作者信息</title>
		<link>http://leo-n.com/add-author-info-to-wordpress-post.html</link>
		<comments>http://leo-n.com/add-author-info-to-wordpress-post.html#comments</comments>
		<pubDate>Wed, 30 Jun 2010 13:52:22 +0000</pubDate>
		<dc:creator>Leo.N</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress themes]]></category>

		<guid isPermaLink="false">http://leo-n.com/?p=742</guid>
		<description><![CDATA[　　看到这个蛋疼的标题，也许你也和我一样蛋疼了，对于大多数人蛋疼的单人博客来说，这个举动的确是非常蛋疼。但也许对于多用户写作博客来说（例如大名鼎鼎的煎蛋、可能吧），这篇文章可能就没那么蛋疼了。 　　折腾这东西，并非是我的想法，而是我的一个客户提出来的，因为他博客（顺路帮他做下广告哦，日ip500+的牛逼时尚资讯类博客，Fashiondes.com）有点多人写作的意思，所以我就蛋疼的答应了。 第一个2B的思路，失败告终 &#60;!&#8211;废话开始&#8211;&#62; 　　对于is_single(“XXX”)、is_home()之类的判断函数，想必各位喜爱折腾WordPress的童鞋来说都很熟悉了，因为这常常被我们用来实现博客当前页面导航高亮，例如我的 &#60;li &#60;?php if ( is_home() &#124;&#124; is_date() ) { echo ' class="current"'; } ?&#62;&#62; &#60;a href="http://leo-n.com"&#62;Home&#60;/a&#62; &#60;/li&#62; &#60;li &#60;?php if ( is_page('contact') ) { echo ' class="current"'; } ?&#62;&#62; &#60;a href="http://leo-n.com/contact"&#62;Contact&#60;/a&#62; &#60;/li&#62; &#60;li &#60;?php if ( is_page('archives') ) { echo ' class="current"'; } ?&#62;&#62; &#60;a href="http://leo-n.com/archives"&#62;Archives&#60;/a&#62; &#60;/li&#62; &#60;li &#60;?php if [...]]]></description>
			<content:encoded><![CDATA[<p>　　看到这个蛋疼的标题，也许你也和我一样蛋疼了，对于大多数人蛋疼的单人博客来说，这个举动的确是非常蛋疼。但也许对于多用户写作博客来说（例如大名鼎鼎的<a title="煎蛋" href="http://jandan.net" target="_blank">煎蛋</a>、<a title="可能吧" href="https://kenengba.com" target="_blank">可能吧</a>），这篇文章可能就没那么蛋疼了。</p>
<p>　　折腾这东西，并非是我的想法，而是我的一个客户提出来的，因为他博客（顺路帮他做下广告哦，日ip500+的牛逼时尚资讯类博客，<a title="Fashiondes.com" href="http://Fashiondes.com" target="_blank">Fashiondes.com</a>）有点多人写作的意思，所以我就蛋疼的答应了。</p>
<h4>第一个2B的思路，失败告终</h4>
<p>&lt;!&#8211;废话开始&#8211;&gt;</p>
<p>　　对于is_single(“XXX”)、is_home()之类的判断函数，想必各位喜爱折腾WordPress的童鞋来说都很熟悉了，因为这常常被我们用来实现博客当前页面导航高亮，例如我的<br />
<code>&lt;li &lt;?php if ( is_home() || is_date() ) { echo ' class="current"'; } ?&gt;&gt;<br />
&lt;a href="http://leo-n.com"&gt;Home&lt;/a&gt;<br />
&lt;/li&gt;<br />
&lt;li &lt;?php if ( is_page('contact') ) { echo ' class="current"'; } ?&gt;&gt;<br />
&lt;a href="http://leo-n.com/contact"&gt;Contact&lt;/a&gt;<br />
&lt;/li&gt;<br />
&lt;li &lt;?php if ( is_page('archives') ) { echo ' class="current"'; } ?&gt;&gt;<br />
&lt;a href="http://leo-n.com/archives"&gt;Archives&lt;/a&gt;<br />
&lt;/li&gt;<br />
&lt;li &lt;?php if ( is_page('links') ) { echo ' class="current"'; } ?&gt;&gt;<br />
&lt;a href="http://leo-n.com/links"&gt;Links&lt;/a&gt;<br />
&lt;/li&gt;<br />
&lt;li &lt;?php if ( is_page('commenter') ) { echo ' class="current"'; } ?&gt;&gt;<br />
&lt;a href="http://leo-n.com/commenter"&gt;Commenter&lt;/a&gt;<br />
&lt;/li&gt;</code><br />
　　加入后的作用就是使对于当前页面的导航中加入一个名为current的class，然后去CSS中定义current的颜色，就能使当前页面导航高亮而区别于其他的导航。</p>
<p>　　所以，我就想当然的用is_author()配合php的if语句来实现所期望达到的目的，结果发现我杯具了，再仔细看了官方文档对is_author的介绍，发现是针对作者存档页面使用的，它并不能用于判断文章页面内的作者信息，所以这个2B思路被我果断抛弃，有些时候不能太想当然了，想当然的后果就不是杯具就是茶几（上摆满了的杯具）。</p>
<p>&lt;!&#8211;废话结束&#8211;&gt;</p>
<h4>第二个思路，如愿以偿</h4>
<p>　　接下来我只好另寻出路，最后在红军二万五千里长征精神的领导下，那个又一村终于柳暗花明了。<br />
最终效果：<br />
<img class="alignleft size-full wp-image-756" title="zzjs" src="http://s.leo-n.com/images/blogimages/2010/06/zzjs.png" alt="" width="694" height="115" /></p>
<p>页面地址：<a title="fashiondes.com" href="http://www.fashiondes.com/?p=2974" target="_blank">http://www.fashiondes.com/?p=2974</a></p>
<p>使用到的函数：</p>
<p>the_author_meta()、the_author_posts_link()、bloginfo()、get_avatar()</p>
<p>获取当前文章作者的头像：<br />
<code>&lt;?php<br />
echo get_avatar( get_the_author_meta('user_email'), $size='60', $default='&lt;path_to_url&gt;' );<br />
?&gt;</code><br />
获取当前文章作者邮箱：<br />
<code>&lt;?php the_author_meta('user_email'); ?&gt;</code><br />
获取当前作者所发布所有文章的链接：<br />
<code>&lt;?php bloginfo('url'); ?&gt;/?author=&lt;?php the_author_meta('ID'); ?&gt;</code><br />
获取当前文章作者的简介：<br />
<code>&lt;?php the_author_meta('user_description'); ?&gt;</code><br />
　　好了，代码就是这些，写好代码后所需要做的就是通知作者去WordPress后台用户界面完善信息即可，需要说明的是，我在获取当前作者所发布所有文章链接中用了比较傻的方式实现，因为一时找不到对应的函数，所以只能像代码中写的那样拼凑出来，如果各位大侠知道的话务必留言通知我一声，先谢谢了。</p>
]]></content:encoded>
			<wfw:commentRss>http://leo-n.com/add-author-info-to-wordpress-post.html/feed</wfw:commentRss>
		<slash:comments>68</slash:comments>
		</item>
		<item>
		<title>我干什么去了?</title>
		<link>http://leo-n.com/wordpress-cms-news-theme.html</link>
		<comments>http://leo-n.com/wordpress-cms-news-theme.html#comments</comments>
		<pubDate>Tue, 18 May 2010 07:24:46 +0000</pubDate>
		<dc:creator>Leo.N</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress themes]]></category>

		<guid isPermaLink="false">http://leo-n.com/?p=733</guid>
		<description><![CDATA[　　最近都没更新文章，实在是太忙了，又是期中考又是做主题。 　　这次做的主题可以说是一个准商业的CMS主题，是帮上海某家游戏门户网站做的，首页上全部调用分类文章，首页数据库查询次数达到了惊人的80+，May God Bless Their Server～ 　　先把首页图片放出来给大伙看看把，布局什么的都是按照客户的意思做的。 　　这次也是我首次写模板后台，参照了无数模板的后台代码终于在磕磕绊绊中写出来了，也放张图给大伙看下吧。 　　汇报完毕，实在想不出还写些啥了，我还是去洗衣服吧。]]></description>
			<content:encoded><![CDATA[<p>　　最近都没更新文章，实在是太忙了，又是期中考又是做主题。</p>
<p>　　这次做的主题可以说是一个准商业的CMS主题，是帮上海某家游戏门户网站做的，首页上全部调用分类文章，首页数据库查询次数达到了惊人的80+，May God Bless Their Server～</p>
<p>　　先把首页图片放出来给大伙看看把，布局什么的都是按照客户的意思做的。</p>
<p style="text-align: center;"><a href="http://lh4.ggpht.com/_3SKwLpzY0xM/S_JD3KGxqtI/AAAAAAAAANY/DzhmvmwdBxY/ptr.jpg"><img src="http://s.leo-n.com/images/blogimages/2010/05/shqlf.jpg" alt="" title="shqlf" width="551" height="489" class="alignleft size-full wp-image-767" /></a></p>
<p>　　这次也是我首次写模板后台，参照了无数模板的后台代码终于在磕磕绊绊中写出来了，也放张图给大伙看下吧。</p>
<p style="text-align: center;"><a href="http://lh4.ggpht.com/_3SKwLpzY0xM/S_JEGjZjKyI/AAAAAAAAANg/qOc7I2Ksqvs/backprt.png"><img src="http://s.leo-n.com/images/blogimages/2010/05/shqlb.jpg" alt="" title="shqlb" width="550" height="284" class="alignleft size-full wp-image-766" /></a></p>
<p>　　汇报完毕，实在想不出还写些啥了，我还是去洗衣服吧。</p>
]]></content:encoded>
			<wfw:commentRss>http://leo-n.com/wordpress-cms-news-theme.html/feed</wfw:commentRss>
		<slash:comments>67</slash:comments>
		</item>
		<item>
		<title>博客搬家换名了</title>
		<link>http://leo-n.com/wordpress-move-to-new-host-and-modify-domain.html</link>
		<comments>http://leo-n.com/wordpress-move-to-new-host-and-modify-domain.html#comments</comments>
		<pubDate>Mon, 19 Apr 2010 15:02:45 +0000</pubDate>
		<dc:creator>Leo.N</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[host]]></category>

		<guid isPermaLink="false">http://leo-n.com/?p=726</guid>
		<description><![CDATA[Hello Everyone，Welcome to United States of America！ 　　经过一个小时的不艰苦努力，我终于把曾经放置于国内的Blog送出国了，恩，您现在所看到的不知所云已经放置于大洋彼岸的美国了，空间依然是由咱们人见人爱，花见花开的小张出品。 　　欧了，先说说咱这新空间规格： 　　 空间大小：600MB 　　600MB我能用完么？说实话，我还没这能耐。。搬家时我整理下我所有文件才100MB不到，其中还有60多MB是在DA面板中生成的备份文件，数据库？恩，那可以忽略了，才区区200多KB。 　　 空间月流量：36G 　　看见这么多流量，我瞬间就犀利哥附体了。。我现在正惆怅怎么利用它，把外链的图片都放进来么？ 　　 可建站点数目：6个 　　我估计凭我这惰性是没法将它完全发挥了。 　　延迟测试（云南电信2Madsl，晚上22点30分） 正在 Ping leo-n.com [65.49.77.187] 具有 32 字节的数据: 来自 65.49.77.187 的回复: 字节=32 时间=218ms TTL=128 来自 65.49.77.187 的回复: 字节=32 时间=218ms TTL=128 来自 65.49.77.187 的回复: 字节=32 时间=217ms TTL=128 来自 65.49.77.187 的回复: 字节=32 时间=217ms TTL=128 　　看完这些数据，您也心动了吗？快来吧，现在只要99块！只要99块，您就能拥有它！前20名打进热线电话的用户，还能额外附赠小张香吻一个！还等什么？现在就赶快拿起您的电话拨打吧！（我怎么感觉我瞬间又被侯总附体了。。） 不开玩笑了，真正正宗的购买链接在这http://hengtian.org/2010/04/02/1184.html，购买前请认真横天小张，仅此一家，别无分店！ 　　在此也说下Wordpress搬家后更换域名的相关事宜： 从原数据库导出数据后导入新数据库，执行以下SQL命令 UPDATE [...]]]></description>
			<content:encoded><![CDATA[<h4>Hello Everyone，Welcome to United States of America！</h4>
<p>　　经过一个小时的不艰苦努力，我终于把曾经放置于国内的Blog送出国了，恩，您现在所看到的不知所云已经放置于大洋彼岸的美国了，空间依然是由咱们人见人爱，花见花开的小张出品。</p>
<p>　　欧了，先说说咱这新空间规格：<br />
　　<br />
<h4>空间大小：600MB</h4>
<p>　　600MB我能用完么？说实话，我还没这能耐。。搬家时我整理下我所有文件才100MB不到，其中还有60多MB是在DA面板中生成的备份文件，数据库？恩，那可以忽略了，才区区200多KB。<br />
　　<br />
<h4>空间月流量：36G</h4>
<p>　　看见这么多流量，我瞬间就犀利哥附体了。。我现在正惆怅怎么利用它，把外链的图片都放进来么？<br />
　　<br />
<h4>可建站点数目：6个</h4>
<p>　　我估计凭我这惰性是没法将它完全发挥了。</p>
<p>　　延迟测试（云南电信2Madsl，晚上22点30分）</p>
<blockquote><p>正在 Ping leo-n.com [65.49.77.187] 具有 32 字节的数据:<br />
来自 65.49.77.187 的回复: 字节=32 时间=218ms TTL=128<br />
来自 65.49.77.187 的回复: 字节=32 时间=218ms TTL=128<br />
来自 65.49.77.187 的回复: 字节=32 时间=217ms TTL=128<br />
来自 65.49.77.187 的回复: 字节=32 时间=217ms TTL=128</p></blockquote>
<p>　　看完这些数据，您也心动了吗？快来吧，现在只要99块！只要99块，您就能拥有它！前20名打进热线电话的用户，还能额外附赠小张香吻一个！还等什么？现在就赶快拿起您的电话拨打吧！（我怎么感觉我瞬间又被侯总附体了。。）<br />
不开玩笑了，真正正宗的购买链接在这<a title="小张" href="http://hengtian.org/2010/04/02/1184.html" target="_blank">http://hengtian.org/2010/04/02/1184.html</a>，购买前请认真横天小张，仅此一家，别无分店！</p>
<p>　　在此也说下Wordpress搬家后更换域名的相关事宜：<br />
从原数据库导出数据后导入新数据库，执行以下SQL命令<br />
<code>UPDATE wp_options SET option_value = replace(option_value, 'http://leo-n.cn', 'http://leo-n.com') WHERE option_name = 'home' OR option_name = 'siteurl'; /*修改站点url和主页地址*/<br />
UPDATE wp_posts SET post_content = replace(post_content, 'http://leo-n.cn', 'http://leo-n.com'); /*修改文章中内部链接及附件的地址*/<br />
UPDATE wp_posts SET guid = replace(guid, 'http://leo-n.cn', 'http://leo-n.com'); /*修改wordpress文章默认的永久链接*/<br />
UPDATE wp_comments SET comment_author_url = replace( comment_author_url, 'http://leo-n.cn', 'http://leo-n.com' ) ; /*修改作者的评论链接*/<br />
UPDATE wp_comments SET comment_content = replace( comment_content, 'http://leo-n.cn', 'http://leo-n.com' ) ; /*修改评论内的评论链接*/<br />
UPDATE wp_posts SET pinged = replace( pinged, 'http://leo-n.cn', 'http://leo-n.com' ) ; /*修改TrackBack里的链接*/</code><br />
并再针对旧域名做301重定向，这是非常关键的<br />
<code>RewriteEngine On<br />
RewriteBase /<br />
RewriteCond %{HTTP_HOST} !leo-n.cn$ [NC]<br />
RewriteRule ^(.*)$ http://leo-n.com/$1 [L,R=301]</code></p>
<p>　　欧了，今天就先说到这，欢迎来自全国乃至全球各地的朋友测试速度！</p>
<p>　　注：订阅地址已经变为<a title="feed" href="http://feed.leo-n.com/" target="_blank">http://feed.leo-n.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://leo-n.com/wordpress-move-to-new-host-and-modify-domain.html/feed</wfw:commentRss>
		<slash:comments>108</slash:comments>
		</item>
		<item>
		<title>WordPress微博主题ZXT-Battlenet公开发布</title>
		<link>http://leo-n.com/wordpress-micblog-theme-zxt-battlenet-release.html</link>
		<comments>http://leo-n.com/wordpress-micblog-theme-zxt-battlenet-release.html#comments</comments>
		<pubDate>Thu, 15 Apr 2010 06:44:28 +0000</pubDate>
		<dc:creator>Leo.N</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[micblog]]></category>
		<category><![CDATA[wordpress themes]]></category>

		<guid isPermaLink="false">http://leo-n.com/?p=713</guid>
		<description><![CDATA[　　这个主题是我很久很久以前基于zxt的微博主题修改而来，呃，到底有多久呢？各位可以去看这篇文章，自从那篇文章写出来后，有不少人想要，但我只给了部分几个，这就是为什么我把标题写成公开发布的原因。 　　好了，废话不多说了，上下载链接。 http://iskeee.googlecode.com/files/zxt-battlenet.zip 　　DEMO看这里：http://athere.cn/ 主题释疑 　　为什么叫ZXT-Battlenet？ 　　因为原作者发布的时候主题是叫ZXT，而我修改后使用了战网（Battlenet.com.cn）的背景图片，所以我就直接组合了名称。 　　主题Banner上的图片是我去年中秋节做的，所以看起来很河蟹（河蟹社会嘛，哈哈），估计99.999%的人会不用这图片，所以不用的请打开主题文件夹中的style.css，搜索#header，把 background:url("images/header.gif") no-repeat scroll 0 0 #C73A25; 删了，如果你想换张其他图片，请打开主题文件夹中的images文件夹，把header.gif替换之。 　　主题左上方的导航修改是在header.php内，请搜索#menu，然后依葫芦画瓢，注意，由于IE6实在二逼，所以，我对IE6做了hack，在IE6中是看不见左上方导航的，倔强的IE6用户不必感到疑惑。 　　主题已经内置翻页，无需再使用翻页插件。 　　主题中数据统计上一行是显示友情链接的地方，如果你不想使用，请打开index.php查找 &#60;div id=&#34;index_links&#34;&#62; &#60;div class=&#34;index_links_content&#34;&#62; &#60;?php get_links(&#39;2&#39;, &#39;&#60;span&#62;&#39;, &#39;&#60;/span&#62;&#39;, &#39;&#39;, FALSE, &#39;id&#39;, FALSE, FALSE, -1, FALSE); ?&#62; &#60;/div&#62; &#60;/div&#62; 全部删除之，如果你想使用但却没显示出链接来，请修改 &#60;?php get_links(&#39;2&#39;, &#39;&#60;span&#62;&#39;, &#39;&#60;/span&#62;&#39;, &#39;&#39;, FALSE, &#39;id&#39;, FALSE, FALSE, -1, FALSE); ?&#62; 中&#8217;2&#8242;的数字，把2修改成你想显示链接表的id，具体数字请到后台链接分类目录中查看，如果还不明白，那请把2删除。 　　哦了，暂时就说这么多，有其他问题的请留言。]]></description>
			<content:encoded><![CDATA[<p>　　这个主题是我很久很久以前基于zxt的微博主题修改而来，呃，到底有多久呢？各位可以去看<a href="http://leo-n.com/its-a-micblog-by-wordpress.html" target="_blank">这篇文章</a>，自从那篇文章写出来后，有不少人想要，但我只给了部分几个，这就是为什么我把标题写成公开发布的原因。</p>
<p>　　好了，废话不多说了，上下载链接。<br />
<a href="http://iskeee.googlecode.com/files/zxt-battlenet.zip">http://iskeee.googlecode.com/files/zxt-battlenet.zip</a><br />
　　DEMO看这里：http://athere.cn/</p>
<h3>主题释疑</h3>
<p>　　为什么叫ZXT-Battlenet？<br />
　　因为原作者发布的时候主题是叫ZXT，而我修改后使用了战网（Battlenet.com.cn）的背景图片，所以我就直接组合了名称。</p>
<p>　　主题Banner上的图片是我去年中秋节做的，所以看起来很河蟹（河蟹社会嘛，哈哈），估计99.999%的人会不用这图片，所以不用的请打开主题文件夹中的style.css，搜索#header，把</p>
<p><code>background:url("images/header.gif") no-repeat scroll 0 0 #C73A25;</code></p>
<p>删了，如果你想换张其他图片，请打开主题文件夹中的images文件夹，把header.gif替换之。</p>
<p>　　主题左上方的导航修改是在header.php内，请搜索#menu，然后依葫芦画瓢，注意，由于IE6实在二逼，所以，我对IE6做了hack，在IE6中是看不见左上方导航的，倔强的IE6用户不必感到疑惑。</p>
<p>　　主题已经内置翻页，无需再使用翻页插件。</p>
<p>　　主题中数据统计上一行是显示友情链接的地方，如果你不想使用，请打开index.php查找</p>
<p><code>&lt;div id=&quot;index_links&quot;&gt;<br />
   &lt;div class=&quot;index_links_content&quot;&gt;<br />
   &lt;?php get_links(&#39;2&#39;, &#39;&lt;span&gt;&#39;, &#39;&lt;/span&gt;&#39;, &#39;&#39;, FALSE, &#39;id&#39;, FALSE, FALSE, -1,<br />
   FALSE); ?&gt;<br />
   &lt;/div&gt;<br />
   &lt;/div&gt;<br />
</code></p>
<p>全部删除之，如果你想使用但却没显示出链接来，请修改</p>
<p><code>&lt;?php get_links(&#39;2&#39;, &#39;&lt;span&gt;&#39;, &#39;&lt;/span&gt;&#39;, &#39;&#39;, FALSE, &#39;id&#39;,<br />
   FALSE, FALSE, -1, FALSE); ?&gt;<br />
</code></p>
<p>中&#8217;2&#8242;的数字，把2修改成你想显示链接表的id，具体数字请到后台链接分类目录中查看，如果还不明白，那请把2删除。</p>
<p>　　哦了，暂时就说这么多，有其他问题的请留言。</p>
]]></content:encoded>
			<wfw:commentRss>http://leo-n.com/wordpress-micblog-theme-zxt-battlenet-release.html/feed</wfw:commentRss>
		<slash:comments>35</slash:comments>
		</item>
		<item>
		<title>自动显示回头访客的Gravatar头像</title>
		<link>http://leo-n.com/display-gravatar-with-cookies.html</link>
		<comments>http://leo-n.com/display-gravatar-with-cookies.html#comments</comments>
		<pubDate>Thu, 01 Apr 2010 10:41:21 +0000</pubDate>
		<dc:creator>Leo.N</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress themes]]></category>

		<guid isPermaLink="false">http://leo-n.com/?p=701</guid>
		<description><![CDATA[　　细心的同学可能发现了，当你准备第二次在本博发表评论时你的Gravatar头像已经自动显示出来了，其实这也不是什么高端技术，三四行的代码即可实现，废话不多说，上代码： &#60;?php if ( $comment_author_email ) {echo get_avatar($comment_author_email,'64');}?&#62; 64是表示Gravatar头像的尺寸，可以自行修改。 　　你可能会说如果我已经登入了，想回复别人的评论时却看不见自己头像，恩，这非常好办，把代码稍微修改一下即可： &#60;?php if ( is_user_logged_in() ) : ?&#62; &#60;?php echo get_avatar('XXX@XXX.com','64'); ?&#62;//输出电邮对于的头像，电邮地址请改为自己的 &#60;?php else : ?&#62; &#60;?php if ( $comment_author_email ) {echo get_avatar($comment_author_email,'64');} ?&#62;//输出Cookies中的电邮对于的头像 &#60;?php endif; ?&#62; 这样一来就可以再你登录后看见自己的头像了。呃，代码我是放置在在评论者信息输入框下面，当然，你想把它扔到header也是可以的。 　　什么？你放置代码后评论框区域错位的像整容出院后的凤姐般惨不忍睹？请出门左拐找CSS的麻烦去吧，至于怎么找麻烦我就不多说了，既然能有颗玩Wordpress的心，那么也必须有一颗能从Google中探索出知识的心。 　　最后祝大家愚人节快乐，在整人的同时也别忘了自己也会被别人整，我可是被我们这个外教一个鸡蛋爆头了。]]></description>
			<content:encoded><![CDATA[<p>　　细心的同学可能发现了，当你准备第二次在本博发表评论时你的Gravatar头像已经自动显示出来了，其实这也不是什么高端技术，三四行的代码即可实现，废话不多说，上代码：</p>
<p><code>&lt;?php if ( $comment_author_email ) {echo get_avatar($comment_author_email,'64');}?&gt;</code></p>
<p>64是表示Gravatar头像的尺寸，可以自行修改。</p>
<p>　　你可能会说如果我已经登入了，想回复别人的评论时却看不见自己头像，恩，这非常好办，把代码稍微修改一下即可：</p>
<p><code>&lt;?php if ( is_user_logged_in() ) :  ?&gt;<br />
&lt;?php echo get_avatar('XXX@XXX.com','64');  ?&gt;//输出电邮对于的头像，电邮地址请改为自己的<br />
&lt;?php else : ?&gt;<br />
&lt;?php if ( $comment_author_email ) {echo get_avatar($comment_author_email,'64');} ?&gt;//输出Cookies中的电邮对于的头像<br />
&lt;?php endif; ?&gt; </code></p>
<p>这样一来就可以再你登录后看见自己的头像了。呃，代码我是放置在在评论者信息输入框下面，当然，你想把它扔到header也是可以的。</p>
<p>　　什么？你放置代码后评论框区域错位的像整容出院后的凤姐般惨不忍睹？请出门左拐找CSS的麻烦去吧，至于怎么找麻烦我就不多说了，既然能有颗玩Wordpress的心，那么也必须有一颗能从Google中探索出知识的心。</p>
<p>　　最后祝大家愚人节快乐，在整人的同时也别忘了自己也会被别人整，我可是被我们这个外教一个鸡蛋爆头了。</p>
]]></content:encoded>
			<wfw:commentRss>http://leo-n.com/display-gravatar-with-cookies.html/feed</wfw:commentRss>
		<slash:comments>40</slash:comments>
		</item>
		<item>
		<title>利用jQuery实现文章部分内容收缩</title>
		<link>http://leo-n.com/slide-post-with-jquery.html</link>
		<comments>http://leo-n.com/slide-post-with-jquery.html#comments</comments>
		<pubDate>Sat, 21 Nov 2009 14:53:36 +0000</pubDate>
		<dc:creator>Leo.N</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://leo-n.com/?p=662</guid>
		<description><![CDATA[　　记得以前写过一篇名叫利用Collapsible Elements实现文章内容折叠效果的文章，当时Willin大师说过可以用jQuery来实现，无奈当时对jQuery毫无一点研究，只能硬着头皮用插件解决，这短时间稍微研究了下jQuery后，发现实现起来其实很简单，无非就是使用slideDown和slideUp俩函数，但下面代码和demo里面默认的是FadeIn和FadeOut两个函数，效果是渐显和渐隐，为什么不用收缩效果呢？因为在IE里面用收缩函数会不完美，在此再次鄙视IE。 　　结合Willin大师思路做出来的精简版： $(document).ready(function() { var botton='&#60;span  style="cursor: pointer; color:#CC0033;background:#000;"&#62;点我&#60;/span&#62;'; $('#box-botton').append(botton); //向#box-botton内添加上面定义的按钮 $('#box-botton&#62;p').addClass('box');//为#box-botton内的&#60;P&#62;...&#60;/P&#62;内添加class=botton $('.box').insertAfter('.botton'); //把按钮放在展开内容之前，因为默认会把按钮放在展开内容之后 $('.botton').click(function() { $(this).siblings().slideToggle(500);return false;}); //使用siblings是为了选择全部包含class=box的段落，如果使用next或prev的话只能选择相邻的同辈元素，也就是上面的一个或下面的一个，如果存在多个段落的话就会失效。 }); 　　现在这个应该算是比较完美的版本了，解决了按钮会落在展开内容下面的缺陷，但效果只有展开，如果需要更多效果，请参照后面的代码修改。 　　使用方法：在需要使用的地方用&#60;div id=box-botton&#62;&#60;/div&#62;包起来，如果你嫌字母太多的话，那就换个字母少的单词定义元素。 　　Demo：http://leo-n.com/demo/demo2.html 　　之前的代码如下： $(document).ready(function() { var off='&#60;span class="show-box" style="cursor: pointer; color:#CC0033;background:#000;"&#62;召唤出来&#60;/span&#62;'; var on='&#60;span class="close-box" style="cursor: pointer; color: #CC0033;background:#000;display:none;"&#62;解散回去&#60;/span&#62;';//定义按钮 $('#box-botton').append(on); $('#box-botton').append(off); //向#box-botton内添加上面定义的按钮 $('#box-botton&#62;p').addClass('box');//为#box-botton内的p标签添加class=box $('.box').insertAfter('.show-box'); $('.box').insertAfter('.close-box'); $('.show-box').click(function() { $('.show-box').hide(); $('.close-box').show(); //$('.box').slideDown('slow');//缓慢展开 $('.box').fadeIn(1200);//在1.2s之内渐显 //$('.box').show();//直接显示 }); [...]]]></description>
			<content:encoded><![CDATA[<p>　　记得以前写过一篇名叫<a href="http://leo-n.com/wordpress-plugins-collapsible-elements.html" target="_blank">利用Collapsible Elements实现文章内容折叠效果</a>的文章，当时Willin大师说过可以用jQuery来实现，无奈当时对jQuery毫无一点研究，只能硬着头皮用插件解决，这短时间稍微研究了下jQuery后，发现实现起来其实很简单，无非就是使用slideDown和slideUp俩函数，但下面代码和demo里面默认的是FadeIn和FadeOut两个函数，效果是渐显和渐隐，为什么不用收缩效果呢？因为在IE里面用收缩函数会不完美，在此再次鄙视IE。</p>
<p>　　结合Willin大师思路做出来的精简版：</p>
<blockquote><p><code>$(document).ready(function() {<br />
var botton='&lt;span  style="cursor: pointer; color:#CC0033;background:#000;"&gt;点我&lt;/span&gt;';<br />
$('#box-botton').append(botton);<br />
//向#box-botton内添加上面定义的按钮<br />
$('#box-botton&gt;p').addClass('box');//为#box-botton内的&lt;P&gt;...&lt;/P&gt;内添加class=botton<br />
$('.box').insertAfter('.botton');<br />
//把按钮放在展开内容之前，因为默认会把按钮放在展开内容之后<br />
$('.botton').click(function() {<br />
$(this).siblings().slideToggle(500);return false;});<br />
 //使用siblings是为了选择全部包含class=box的段落，如果使用next或prev的话只能选择相邻的同辈元素，也就是上面的一个或下面的一个，如果存在多个段落的话就会失效。<br />
});</code></p></blockquote>
<p>　　现在这个应该算是比较完美的版本了，解决了按钮会落在展开内容下面的缺陷，但效果只有展开，如果需要更多效果，请参照后面的代码修改。</p>
<p>　　使用方法：在需要使用的地方用<code>&lt;div id=box-botton&gt;&lt;/div&gt;</code>包起来，如果你嫌字母太多的话，那就换个字母少的单词定义元素。</p>
<p>　　Demo：<a href="http://leo-n.com/demo/demo2.html" target="_blank">http://leo-n.com/demo/demo2.html</a></p>
<p>　　之前的代码如下：<span id="more-662"></span></p>
<blockquote><p><code>$(document).ready(function() {<br />
var off='&lt;span class="show-box" style="cursor: pointer; color:#CC0033;background:#000;"&gt;召唤出来&lt;/span&gt;';<br />
var on='&lt;span class="close-box" style="cursor: pointer; color: #CC0033;background:#000;display:none;"&gt;解散回去&lt;/span&gt;';//定义按钮<br />
$('#box-botton').append(on);<br />
$('#box-botton').append(off); //向#box-botton内添加上面定义的按钮<br />
$('#box-botton&gt;p').addClass('box');//为#box-botton内的p标签添加class=box<br />
$('.box').insertAfter('.show-box');<br />
$('.box').insertAfter('.close-box');<br />
$('.show-box').click(function() {<br />
$('.show-box').hide();<br />
$('.close-box').show();<br />
//$('.box').slideDown('slow');//缓慢展开<br />
$('.box').fadeIn(1200);//在1.2s之内渐显<br />
//$('.box').show();//直接显示<br />
});<br />
$('.close-box').click(function() {<br />
$('.close-box').hide();<br />
$('.show-box').show();<br />
//$('.box').slideUp('slow');<br />
$('.box').fadeOut(1200);<br />
//$('.box').hide();<br />
});<br />
});</code></p></blockquote>
<p>依葫芦画瓢，如果你喜欢收缩形式（如果你能无视在IE中的缺陷的话），你就选择slideDown和slideUp，如果喜欢直来直去的话，就选择Show和Hide，想有点效果又顾虑IE缺陷的话，就用现在默认的，恩对了，还是那句话，必须加载jQuery框架，且在footer.php里加载以上代码。</p>
<p>　　还有，使用之前务必在模板CSS里定义<code>.box{display:none;}</code>，当然，这样做出来你可能会觉得很简陋，呃，那就依自己喜好在<code>.box</code>里面加点佐料吧。</p>
<p>　　<del>特别说明下，现在代码有一个可以称为bug的地方，就是展开后按钮位置是位于展开内容下面，对访客体验有点不好，但无奈于本人水平，没找到解决办法，高手请指点一下，我将不胜感激。</del>已经解决。</p>
<p>　　Demo：<a href="http://leo-n.com/demo/box.html" target="_blank">http://leo-n.com/demo/box.html</a></p>
<p>　　还有还有，我手上有几个淘江湖的玩偶邀请，想要的童鞋请留言，我能赠送的只限于下图显示为彩色的玩偶：<!--more--><img class="alignnone" title="taobao" src="http://lh5.ggpht.com/_3SKwLpzY0xM/Swf-Nx8ijQI/AAAAAAAAAMo/j7AG4IvezKs/s800/tao.jpg" alt="" width="496" height="549" /></p>
]]></content:encoded>
			<wfw:commentRss>http://leo-n.com/slide-post-with-jquery.html/feed</wfw:commentRss>
		<slash:comments>40</slash:comments>
		</item>
		<item>
		<title>Yculer主机试用感受</title>
		<link>http://leo-n.com/yculer-host.html</link>
		<comments>http://leo-n.com/yculer-host.html#comments</comments>
		<pubDate>Sun, 15 Nov 2009 09:17:59 +0000</pubDate>
		<dc:creator>Leo.N</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[host]]></category>

		<guid isPermaLink="false">http://leo-n.com/?p=657</guid>
		<description><![CDATA[　　之前在wp中文论坛上看见Yculer招募洛杉矶主机测试，一个蛋疼之下就发邮件去申请了，在几封简单的邮件交流后，我得到了主机，600M空间6G流量，最初我只想要100M来测试下就行，哪不知给了我这么多，多的给我感到惭愧。 　　不废话了，从Yculer的网站上看这次提供的应该是新手型的，所以我就把各项参数照搬过来了：空间600M，月流量6G，面板是CP，无限域名，子域名，电子邮件帐户，数据库账户，其他的参数可以我上传的探针： http://blog.leo-n.cn/1d5vsaWx-1.php，再看看ping速度： 我的网络环境是云南电信ADSL2M，在我用过的国外主机里面，这个速度是我见过最快的，再来看下主机负载： 使用美国主机的好处就是我们可以和主机上的美国佬错开时间，所以，在白天负载是较低的，ftp上传下载速度基本能接近满速，这点我很满意。 　　第一次写主机评测，实在找不到写点什么，还是大家自己去感受下吧：http://blog.leo-n.cn/，感谢Yculer提供的主机。]]></description>
			<content:encoded><![CDATA[<p>　　之前在wp中文论坛上看见<a href="http://yculer.com/" target="_blank">Yculer</a>招募洛杉矶主机测试，一个蛋疼之下就发邮件去申请了，在几封简单的邮件交流后，我得到了主机，600M空间6G流量，最初我只想要100M来测试下就行，哪不知给了我这么多，多的给我感到惭愧。</p>
<p>　　不废话了，从<a href="http://yculer.com/" target="_blank">Yculer</a>的网站上看这次提供的应该是新手型的，所以我就把各项参数照搬过来了：空间600M，月流量6G，面板是CP，无限域名，子域名，电子邮件帐户，数据库账户，其他的参数可以我上传的探针：<span id="more-657"></span><br />
<a href="http://blog.leo-n.cn/1d5vsaWx-1.php" target="_blank">http://blog.leo-n.cn/1d5vsaWx-1.php</a>，再看看ping速度：<br />
<img src="http://lh3.ggpht.com/_3SKwLpzY0xM/SwDL9fvlWdI/AAAAAAAAAMA/qvryT9BzAz0/s800/ping.jpg" alt="ping" /><br />
我的网络环境是云南电信ADSL2M，在我用过的国外主机里面，这个速度是我见过最快的，再来看下主机负载：<br />
<img src="http://lh3.ggpht.com/_3SKwLpzY0xM/SwDL9QgRo6I/AAAAAAAAAL8/cqUG2F2mkvA/s800/load.jpg" alt="load" /><br />
使用美国主机的好处就是我们可以和主机上的美国佬错开时间，所以，在白天负载是较低的，ftp上传下载速度基本能接近满速，这点我很满意。</p>
<p>　　第一次写主机评测，实在找不到写点什么，还是大家自己去感受下吧：<a href="http://blog.leo-n.cn/" target="_blank">http://blog.leo-n.cn/</a>，感谢<a href="http://yculer.com/" target="_blank">Yculer</a>提供的主机。</p>
]]></content:encoded>
			<wfw:commentRss>http://leo-n.com/yculer-host.html/feed</wfw:commentRss>
		<slash:comments>50</slash:comments>
		</item>
		<item>
		<title>利用jQuery改变网页元素加载顺序</title>
		<link>http://leo-n.com/modify-html-load-by-jquery.html</link>
		<comments>http://leo-n.com/modify-html-load-by-jquery.html#comments</comments>
		<pubDate>Fri, 13 Nov 2009 09:06:07 +0000</pubDate>
		<dc:creator>Leo.N</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://leo-n.com/?p=653</guid>
		<description><![CDATA[　　在上一篇介绍副标题处显示嘀咕消息的文章中，我是把嘀咕的js放在header.php中，这是一个常规的方法，简单方便易实现，但这方法也存在一个很大的弊端，因为网页是按从上到下的顺序进行加载，引用了一段外部js在头部后，自己博客首页打开速度就会受到影响，还有就是在外部js失效后，博客首页也就会卡在那打不开了，极大的降低了访客体验度，有没有其他方法可以解决呢？ 　　我首先想到的方法就是把嘀咕的代码单独保存为一个php文件，加载到index.php的底部中，再利用css的绝对定位absolute把其定位到博客副标题处来显示，用top和left调整好位置后，在我笔记本屏幕上显示没有问题，但换到其他分辨率下，错位问题也就随之而来了， 具体原因请看absolute的定位原理： 元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。 所以，这个方法被否决了，Google之后，我发现了另外的一个方法，就是本文标题所述的内容：利用jQuery改变网页元素加载顺序，下面就以副标题处显示嘀咕消息为例来介绍如何利用jQuery来改变网页元素的加载顺序。 　　首先，在header.php里添加一个id为digu的空白div，例如： &#60;div id="digu"&#62; &#60;/div&#62; 接着，到index.php的&#60;?php get_footer(); ?&#62;下面再添加一个id为digux的div，在里面加载之前独立保存出来的digu.php，写出来大概是这个样子： &#60;div id="digux"&#62; &#60;?php include_once("digu.php"); ?&#62; &#60;/div&#62; 再在下面加入本文最核心的jQ代码： &#60;script type="text/javascript"&#62; $('#digu').html($('#digux').html()); &#60;/script&#62; &#62; 也可以写成： &#60;script type="text/javascript"&#62; $('#digux').children().clone().appendTo('#digu'); &#60;/script&#62; 这段代码基本意思就是把id为digux的内容复制到digu之中，这样我们就成功的利用jQuery改变了副标题处嘀咕消息的加载顺序，因为header.php中的digu是空白层，真正的内容是在index.php的digux之中，所以，浏览器最后加载的是digux层，这样就不会因为外部引用的js导致博客打开缓慢或打开不完全了。 　　忘了说，实现以上效果我们还需在footer.php里加载jQuery框架以及定义digux的CSS为display:none，这就不做过多说明了，之前的文中有过介绍。 　　这篇文章旨在抛砖引玉，此方法适用的范围很大，大家可以尽情发掘使用。作为一个初识jQuery的人来说，我已经被jQuery的强大征服了。 　　文中jQ代码参考自http://leeiio.me/jquery-changes-divsorder/。]]></description>
			<content:encoded><![CDATA[<p>　　在上一篇介绍<a href="http://leo-n.com/digu-for-description.html" target="_blank">副标题处显示嘀咕消息</a>的文章中，我是把嘀咕的js放在header.php中，这是一个常规的方法，简单方便易实现，但这方法也存在一个很大的弊端，因为网页是按从上到下的顺序进行加载，引用了一段外部js在头部后，自己博客首页打开速度就会受到影响，还有就是在外部js失效后，博客首页也就会卡在那打不开了，极大的降低了访客体验度，有没有其他方法可以解决呢？</p>
<p>　　我首先想到的方法就是把嘀咕的代码单独保存为一个php文件，加载到index.php的底部中，再利用css的绝对定位absolute把其定位到博客副标题处来显示，用top和left调整好位置后，在我笔记本屏幕上显示没有问题，但换到其他分辨率下，错位问题也就随之而来了， 具体原因请看absolute的定位原理：</p>
<blockquote><p>元素框从文档流完全删除，并相对于其包含块定位。包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭，就好像元素原来不存在一样。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。</p></blockquote>
<p>所以，这个方法被否决了，Google之后，我发现了另外的一个方法，就是本文标题所述的内容：利用jQuery改变网页元素加载顺序，下面就以副标题处显示嘀咕消息为例来介绍如何利用jQuery来改变网页元素的加载顺序。<span id="more-653"></span></p>
<p>　　首先，在header.php里添加一个id为digu的空白div，例如：</p>
<blockquote><p><code>&lt;div id="digu"&gt;<br />
&lt;/div&gt;</code></p></blockquote>
<p>接着，到index.php的<code>&lt;?php get_footer(); ?&gt;</code>下面再添加一个id为digux的div，在里面加载之前独立保存出来的digu.php，写出来大概是这个样子：</p>
<blockquote><p><code>&lt;div id="digux"&gt;<br />
&lt;?php include_once("digu.php"); ?&gt;<br />
&lt;/div&gt;</code></p></blockquote>
<p>再在下面加入本文最核心的jQ代码：</p>
<blockquote><p><code>&lt;script type="text/javascript"&gt;<br />
$('#digu').html($('#digux').html());<br />
&lt;/script&gt;</code> &gt;</p></blockquote>
<p>也可以写成：</p>
<blockquote><p><code>&lt;script type="text/javascript"&gt;<br />
$('#digux').children().clone().appendTo('#digu');<br />
&lt;/script&gt;</code></p></blockquote>
<p>这段代码基本意思就是把id为digux的内容复制到digu之中，这样我们就成功的利用jQuery改变了副标题处嘀咕消息的加载顺序，因为header.php中的digu是空白层，真正的内容是在index.php的digux之中，所以，浏览器最后加载的是digux层，这样就不会因为外部引用的js导致博客打开缓慢或打开不完全了。</p>
<p>　　忘了说，实现以上效果我们还需在footer.php里加载jQuery框架以及定义digux的CSS为display:none，这就不做过多说明了，之前的文中有过介绍。</p>
<p>　　这篇文章旨在抛砖引玉，此方法适用的范围很大，大家可以尽情发掘使用。作为一个初识jQuery的人来说，我已经被jQuery的强大征服了。</p>
<p>　　文中jQ代码参考自<a rel="nofollow" href="http://leeiio.me/jquery-changes-divsorder/" target="_blank">http://leeiio.me/jquery-changes-divsorder/</a>。</p>
]]></content:encoded>
			<wfw:commentRss>http://leo-n.com/modify-html-load-by-jquery.html/feed</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
		<item>
		<title>副标题处显示嘀咕消息</title>
		<link>http://leo-n.com/digu-for-description.html</link>
		<comments>http://leo-n.com/digu-for-description.html#comments</comments>
		<pubDate>Sun, 08 Nov 2009 11:14:59 +0000</pubDate>
		<dc:creator>Leo.N</dc:creator>
				<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://leo-n.com/?p=647</guid>
		<description><![CDATA[　　也许观察仔细的童鞋早已发现我博客副标题旁的东西了，其实这就是一个嘀咕消息的显示，这篇文章就是告诉各位如何实现的，当然，是写给新手看的，高手们不要鄙视我。 　　首先来介绍下什么是嘀咕，在这我就直接引用官方说明了： 嘀咕 (digu.com)，是新一代的实时博客服务，通过电脑或手机，用户可以随时随地快速记录所见所感，即时简单地了解朋友间彼此的生活片段，保持联系。 所以，我们必须先有一个嘀咕帐号，呃，帐号申请方法如下：（此处省略若干字&#8230;&#8230;），帐号到手后，再去http://www.wudishow.com/处填入你的嘀咕帐号（也就是上面所述的OpenCloud帐号），依次点击创建无敌秀，嘀咕，Wodpress，JS，设置显示条数为1，再复制下面显示出的代码，此时，第一个步骤告一段落。 　　然后，打开你博客模板的header.php，在description下面粘贴复制好代码，保存。刷新下你的博客，一般情况下，你会发现效果惨不忍睹，所以，我们要在模板css里面添加： #wudiShow a,#wudiShow_Header,#wudiShow_More { display:none; } 结束这一步后，你会发现效果好了一点，但什么错位之类的大家最讨厌了，所以，我们可以根据自己的情况用margin酌情调整下，此时，你的脸上应该浮现出满意的笑容了，哈哈。 　　当然，追求速度的童鞋可能有意见了，在头部加载一个JS文件会极大影响博客的整体速度，甚至会因为外部JS失效导致下面的内容无法显示，呃，其实这点我也考虑到了，什么？你想知道怎样解决？哈哈，请允许我先卖个关子，下一篇文章会做一个系统的介绍，那方法不仅仅只适用于嘀咕的显示哦。 　　最后附上我的嘀咕地址：http://www.digu.com/iske，欢迎大家踊跃跟随（就是特推的follow），你跟随我之后我也会第一速度跟随你的。: )]]></description>
			<content:encoded><![CDATA[<p>　　也许观察仔细的童鞋早已发现我博客副标题旁的东西了，其实这就是一个嘀咕消息的显示，这篇文章就是告诉各位如何实现的，当然，是写给新手看的，高手们不要鄙视我。</p>
<p>　　首先来介绍下什么是嘀咕，在这我就直接引用官方说明了：</p>
<blockquote><p>嘀咕 (digu.com)，是新一代的实时博客服务，通过电脑或手机，用户可以随时随地快速记录所见所感，即时简单地了解朋友间彼此的生活片段，保持联系。</p></blockquote>
<p>所以，我们必须先有一个嘀咕帐号，呃，帐号申请方法如下：（此处省略若干字&#8230;&#8230;），帐号到手后，再去<a href="http://www.wudishow.com/">http://www.wudishow.com/</a>处填入你的嘀咕帐号（也就是上面所述的OpenCloud帐号），依次点击创建无敌秀，嘀咕，Wodpress，JS，设置显示条数为1，再复制下面显示出的代码，此时，第一个步骤告一段落。</p>
<p>　　然后，打开你博客模板的header.php，在description下面粘贴复制好代码，保存。刷新下你的博客，一般情况下，你会发现效果惨不忍睹，所以，我们要在模板css里面添加：</p>
<blockquote><p><code>#wudiShow a,#wudiShow_Header,#wudiShow_More {<br />
display:none;<br />
}</code></p></blockquote>
<p>结束这一步后，你会发现效果好了一点，但什么错位之类的大家最讨厌了，所以，我们可以根据自己的情况用<code>margin</code>酌情调整下，此时，你的脸上应该浮现出满意的笑容了，哈哈。</p>
<p>　　当然，追求速度的童鞋可能有意见了，在头部加载一个JS文件会极大影响博客的整体速度，甚至会因为外部JS失效导致下面的内容无法显示，呃，其实这点我也考虑到了，什么？你想知道怎样解决？哈哈，请允许我先卖个关子，下一篇文章会做一个系统的介绍，那方法不仅仅只适用于嘀咕的显示哦。</p>
<p>　　最后附上我的嘀咕地址：<a href="http://www.digu.com/iske">http://www.digu.com/iske</a>，欢迎大家踊跃跟随（就是特推的<span class="enfont">follow）</span>，你跟随我之后我也会第一速度跟随你的。: )</p>
]]></content:encoded>
			<wfw:commentRss>http://leo-n.com/digu-for-description.html/feed</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
	</channel>
</rss>

