<?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>I&#039;m qiqiboy ! &#187; 插件</title>
	<atom:link href="http://www.qiqiboy.com/tags/%e6%8f%92%e4%bb%b6/feed" rel="self" type="application/rss+xml" />
	<link>http://www.qiqiboy.com</link>
	<description>一个very朝气的小孩子...</description>
	<lastBuildDate>Wed, 18 Jan 2012 03:32:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>社交媒体连接 V1.6更新 支持facebook 完全重写的注册流程</title>
		<link>http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html</link>
		<comments>http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html#comments</comments>
		<pubDate>Fri, 16 Sep 2011 07:14:09 +0000</pubDate>
		<dc:creator>qiqiboy</dc:creator>
				<category><![CDATA[plugin]]></category>
		<category><![CDATA[SocialMedias]]></category>
		<category><![CDATA[微博]]></category>
		<category><![CDATA[插件]]></category>
		<category><![CDATA[更新]]></category>
		<category><![CDATA[社交媒体连接]]></category>

		<guid isPermaLink="false">http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html</guid>
		<description><![CDATA[这几天抽空对我的插件 社交媒体连接 进行了更新，一连更新了三个版本，新增的特性如下： 增加对facebook的支持 使用了V1.6的同学应该已经在后台看到facebook的连接登陆图标。需要说明的是，管理员在启用facebook连接注册前，自己一定要到后台的 “绑定微博同步文章” 页面， 点击facebook的登陆连接，在弹出的要求输入facebook appid窗口中，填写为你网站申请的appid和appsecret。（不知道如何申请，那还是不要用facebook了） 设置完成后，你的网站用户才可以在前台使用facebook连接功能。 如果要修改输入的appid和appsecret。可以点击facebook连接按钮右边的“修改appKey”按钮，进行修改操作。 完全重写的账户注册流程 这是V1.6重点功能。原先的账号注册流程是： 用户点击微博连接 –》 带入到微博授权页面 –》 授权后返回网站 –》 获得授权的用户信息 –》 使用这些信息自动为用户建立账号 上面的缺点是，整个过程是自动的，用户没有选择用户名、邮箱的权利。尤其是邮箱，由于权限限制，即使授权后也无法获得用户的真实邮箱，所以使用虚拟的邮箱为用户注册后，用户也无法即时从网站得到信息（如评论回复信息）。 新的注册流程，在最后一步，将用户带到一个全新的注册页面，让他输入自己的真实可用的邮箱，这样一来就避免了上面的不足。并且如果用户愿意，他还可以自行更换一个用户名，并修改自己的网站地址（默认是用户的微博地址）。 最重要的是，使用新的注册流程后，旧的注册用户完全不受影响。 欢迎大家去更新最新版。wordpress官方下载地址 &#160; 有任何问题可以在新浪微博：http://weibo.com/qiqiboy 或者我博客任意页面留言交流。 Social Medias Connect V1.3发布 新增图片同步 (25)WordPress插件发布: Social Medias Connect (80)有关社交媒体连接插件对饭否、follow5支持的说明 (32)Social [...]]]></description>
			<content:encoded><![CDATA[<p>这几天抽空对我的插件 <a href="http://www.qiqiboy.com/products/plugins/social-medias-connect" target="_blank"><strong>社交媒体连接</strong></a> 进行了更新，一连更新了三个版本，新增的特性如下：</p>
<h3>增加对facebook的支持</h3>
<p>使用了V1.6的同学应该已经在后台看到facebook的连接登陆图标。需要说明的是，管理员在启用facebook连接注册前，自己一定要到后台的 “绑定微博同步文章” 页面， 点击facebook的登陆连接，在弹出的要求输入facebook appid窗口中，填写为你网站申请的appid和appsecret。（不知道如何申请，那还是不要用facebook了）<img style="display: block; float: none; margin-left: auto; margin-right: auto" title="fb1" alt="fb1" src="http://www.qiqiboy.com/wp-content/uploads/2011/09/fb1.png" width="397" height="376" /></p>
<p>设置完成后，你的网站用户才可以在前台使用facebook连接功能。</p>
<p>如果要修改输入的appid和appsecret。可以点击facebook连接按钮右边的“修改appKey”按钮，进行修改操作。</p>
<h3>完全重写的账户注册流程</h3>
<p>这是V1.6重点功能。原先的账号注册流程是：</p>
<blockquote><p>用户点击微博连接 –》 带入到微博授权页面 –》 授权后返回网站 –》 获得授权的用户信息 –》 使用这些信息自动为用户建立账号 </p>
</blockquote>
<p>上面的缺点是，整个过程是自动的，用户没有选择用户名、邮箱的权利。尤其是邮箱，由于权限限制，即使授权后也无法获得用户的真实邮箱，所以使用虚拟的邮箱为用户注册后，用户也无法即时从网站得到信息（如评论回复信息）。</p>
<p>新的注册流程，在最后一步，将用户带到一个全新的注册页面，让他输入自己的真实可用的邮箱，这样一来就避免了上面的不足。并且如果用户愿意，他还可以自行更换一个用户名，并修改自己的网站地址（默认是用户的微博地址）。</p>
<p>最重要的是，使用新的注册流程后，旧的注册用户完全不受影响。</p>
<p><img style="display: inline" title="ty" alt="ty" src="http://www.qiqiboy.com/wp-content/uploads/2011/09/ty.png" width="503" height="564" /></p>
<p>欢迎大家去更新最新版。<a href="http://wordpress.org/extend/plugins/social-medias-connect/" target="_blank"><strong>wordpress官方下载地址</strong></a></p>
<p>&#160;</p>
<p>有任何问题可以在新浪微博：<a href="http://weibo.com/qiqiboy" target="_blank">http://weibo.com/qiqiboy</a> 或者我博客任意页面留言交流。</p>
<ul class="related_post"><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/smc-plugin.gif&amp;h=100&amp;w=100&amp;zc=1" alt="Social Medias Connect V1.3发布 新增图片同步" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html" title="Social Medias Connect V1.3发布 新增图片同步">Social Medias Connect V1.3发布 新增图片同步</a> (25)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/a9dff5b61cf6.png&amp;h=100&amp;w=100&amp;zc=1" alt="WordPress插件发布: Social Medias Connect" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html" title="WordPress插件发布: Social Medias Connect">WordPress插件发布: Social Medias Connect</a> (80)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/05/fanfousmc.png&amp;h=100&amp;w=100&amp;zc=1" alt="有关社交媒体连接插件对饭否、follow5支持的说明" class="thumb" /><a href="http://www.qiqiboy.com/2011/05/12/social-medias-connect-about-fanfou-and-follow5.html" title="有关社交媒体连接插件对饭否、follow5支持的说明">有关社交媒体连接插件对饭否、follow5支持的说明</a> (32)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/comemnt-format.png&amp;h=100&amp;w=100&amp;zc=1" alt="Social Medias Connect V1.4更新，自定义同步格式 vs 标签、摘要同步" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/26/social-medias-connect-v1-4.html" title="Social Medias Connect V1.4更新，自定义同步格式 vs 标签、摘要同步">Social Medias Connect V1.4更新，自定义同步格式 vs 标签、摘要同步</a> (49)</li><li class="last"><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/ttt.png&amp;h=100&amp;w=100&amp;zc=1" alt="新玩意儿-Social Medias Connect 微博连接" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/14/social-medias-connect-plugin.html" title="新玩意儿-Social Medias Connect 微博连接">新玩意儿-Social Medias Connect 微博连接</a> (64)</li></ul><p><strong>声明:</strong> 本站遵循 <a href="http:\/\/creativecommons.org/licenses/by-nc-sa/3.0/">署名-非商业性使用-相同方式共享 3.0</a> 共享协议. 转载请注明转自 <a href="http://www.qiqiboy.com">I'm qiqiboy !</a> </p> <p>本文地址: <a href="http://qiqi.boy.im/f8">http://qiqi.boy.im/f8<a></p><span style="background:#cc5566;color:#fffff;"><h4>Look, this post is replyed so hot, let's go O(∩_∩)O~.</h4></span><h3>Related comments</h3><ul><li>2011年12月16日, <a href="http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html#comment-16454">蓝颜博客</a> say: 第一次过来，围观一下</li><li>2011年11月26日, <a href="http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html#comment-16006">笑话皇后</a> say: 博主的博客很专业，我学到了很多东西。目前已经用上了你的一个插件。</li><li>2011年11月14日, <a href="http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html#comment-15581">微代码-鸿枫业</a> say: 我又来看你的新博了~~支持一下</li><li>2011年11月12日, <a href="http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html#comment-15571">大学便民网</a> say: 收下了 还不错 之前的bug解决的了不少 但是不知道用户名太长这个解决了没 之前是太长不能注册
顺便问下 你的评论框这的编辑器怎么弄的呢？</li><li>2011年11月3日, <a href="http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html#comment-15403">懒人工具</a> say: <a href="http://www.lrtool.net/" rel="nofollow">懒人</a>已阅，哈哈</li><li>2011年11月3日, <a href="http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html#comment-15402">s.ing</a> say: 支持！</li><li>2011年10月31日, <a href="http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html#comment-15309">brushes8</a> say: 曾经出现  空间不支持的情况 而且···文章发送的时候 异常的卡啊····</li><li>2011年10月14日, <a href="http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html#comment-15056">顶屋韩国空间</a> say: 关注了，支持您</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html/feed</wfw:commentRss>
		<slash:comments>40</slash:comments>
		</item>
		<item>
		<title>Social Medias Connect V1.3发布 新增图片同步</title>
		<link>http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html</link>
		<comments>http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html#comments</comments>
		<pubDate>Thu, 21 Apr 2011 10:36:32 +0000</pubDate>
		<dc:creator>qiqiboy</dc:creator>
				<category><![CDATA[plugin]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[SocialMedias]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[同步]]></category>
		<category><![CDATA[插件]]></category>
		<category><![CDATA[更新]]></category>

		<guid isPermaLink="false">http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html</guid>
		<description><![CDATA[嗯，前两天博客宕机了两天，今天又宕机了一个下午。我这心丫，真受不了了。真不知啥时候又要宕机。机房最近很不给力，还好客服态度很好，我这边也就忍忍罢了吧。 Social Medias Connect 今天更新了1.3版本，主要更新内容如下： 连接登陆新增可选twitter服务，默认关闭。请确认你的主机身在“墙外”再启用twitter连接、同步功能。 同步文章新增同步文章缩略图到微博功能。如果没有给文章设置缩略图，那么程序会自动抓取文章中第一张图。 增加文字截断功能。不用再担心文字过多同步失败了。 新增使用短网址api功能。 更新内容说明 第一,twitter的连接登陆以及文章, 评论的同步功能需要你的主机可以与twitter服务器正常通信，所以如果启用这个功能，请确保你的主机身在”墙外”。否则就不要启用了.。 第二,同步文章图片到微博。这个图片同步在插件的第一个版本就内置了，只不过由于我所用的OAuth类的问题，所以图片一直会同步失败，从而自动调用无图片同步方法。现在图片同步正常了。但是由于图片同步较慢，如果你的主机与微博服务器连接速度较慢，就容易出现超时取消响应，或者页面出现无法连接的错误提示。如果频繁出现这种提示，请在后台暂时停用图片同步功能（位置在后台“社交媒体账号绑定-&#62;文章同步-&#62;不同步缩略图”）。 第三，文字截断。这个文字截断可以很准确的截取twitter的字数，但是对于国内微博我还未找到一种可以进行准确截取的函数。欢迎有这方面经验的同学提供思路或方法。 第四，短网址api。这个暂时只支持公开的api，即不需要用户名、密码的api。如果你有使用urlshort、yourls等程序搭建短网址服务，那么它们提供的api都是可以使用的。具体使用请参见插件后台说明。 其它说明 有一位同学在twitter上告诉我，插件在他的主机上不工作，后来他很热心的给了我它主机上的测试账号，我经过测试，原来是他的主机不支持CURL扩展。所以在这里告诉大家，主机必须支持CURL扩展才能使用插件。 关于下个版本更新内容，初步想法时修补发现的bug(如果有的话)，以及增加支持twitter代理的功能。还有就是内置几种短网址服务（主要用于twitter）。解决图片同步容易停止响应的问题。 插件下载地址：wordpress官方托管插件库 Social Medias Connect V1.4更新，自定义同步格式 vs 标签、摘要同步 (49)【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能 (41)【重要更新】WP RC Reply AJAX插件2.0发布 (49)社交媒体连接 V1.6更新 支持facebook 完全重写的注册流程 (40)WordPress插件发布: Social Medias Connect [...]]]></description>
			<content:encoded><![CDATA[<p>嗯，前两天博客宕机了两天，今天又宕机了一个下午。我这心丫，真受不了了。真不知啥时候又要宕机。机房最近很不给力，还好客服态度很好，我这边也就忍忍罢了吧。</p>
<hr /><a href="http://www.qiqiboy.com/products/plugins/social-medias-connect" target="_blank"><strong>Social Medias Connect</strong></a> 今天更新了1.3版本，主要更新内容如下：</p>
<blockquote>
<ol>
<li>连接登陆新增可选twitter服务，默认关闭。请确认你的主机身在“墙外”再启用twitter连接、同步功能。</li>
<li>同步文章新增同步文章缩略图到微博功能。如果没有给文章设置缩略图，那么程序会自动抓取文章中第一张图。</li>
<li>增加文字截断功能。不用再担心文字过多同步失败了。</li>
<li>新增使用短网址api功能。</li>
</ol>
</blockquote>
<p><span id="more-2770"></span></p>
<h3>更新内容说明</h3>
<p>第一,twitter的连接登陆以及文章, 评论的同步功能需要你的主机可以与twitter服务器正常通信，所以如果启用这个功能，请确保你的主机身在”墙外”。否则就不要启用了.。</p>
<p>第二,同步文章图片到微博。这个图片同步在插件的第一个版本就内置了，只不过由于我所用的OAuth类的问题，所以图片一直会同步失败，从而自动调用无图片同步方法。现在图片同步正常了。但是由于图片同步较慢，如果你的主机与微博服务器连接速度较慢，就容易出现超时取消响应，或者页面出现无法连接的错误提示。如果频繁出现这种提示，请在后台暂时停用图片同步功能（位置在后台“社交媒体账号绑定-&gt;文章同步-&gt;不同步缩略图”）。</p>
<p>第三，文字截断。这个文字截断可以很准确的截取twitter的字数，但是对于国内微博我还未找到一种可以进行准确截取的函数。欢迎有这方面经验的同学提供思路或方法。</p>
<p>第四，短网址api。这个暂时只支持公开的api，即不需要用户名、密码的api。如果你有使用urlshort、yourls等程序搭建短网址服务，那么它们提供的api都是可以使用的。具体使用请参见插件后台说明。</p>
<h3>其它说明</h3>
<p>有一位同学在twitter上告诉我，插件在他的主机上不工作，后来他很热心的给了我它主机上的测试账号，我经过测试，原来是他的主机不支持CURL扩展。所以在这里告诉大家，主机必须支持CURL扩展才能使用插件。</p>
<p>关于下个版本更新内容，初步想法时修补发现的bug(如果有的话)，以及增加支持twitter代理的功能。还有就是内置几种短网址服务（主要用于twitter）。解决图片同步容易停止响应的问题。</p>
<p>插件下载地址：<a href="http://wordpress.org/extend/plugins/social-medias-connect/" target="_blank"><strong>wordpress官方托管插件库</strong></a></p>
<p><img style="display: inline;" title="smc plugin" src="http://www.qiqiboy.com/wp-content/uploads/2011/04/smc-plugin.gif" alt="smc plugin" width="665" height="348" /></p>
<ul class="related_post"><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/comemnt-format.png&amp;h=100&amp;w=100&amp;zc=1" alt="Social Medias Connect V1.4更新，自定义同步格式 vs 标签、摘要同步" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/26/social-medias-connect-v1-4.html" title="Social Medias Connect V1.4更新，自定义同步格式 vs 标签、摘要同步">Social Medias Connect V1.4更新，自定义同步格式 vs 标签、摘要同步</a> (49)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/10/sc.png&amp;h=100&amp;w=100&amp;zc=1" alt="【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html" title="【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能">【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能</a> (41)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/5170a77cb374_107F8/wp-rc-reply-ajax.png&amp;h=100&amp;w=100&amp;zc=1" alt="【重要更新】WP RC Reply AJAX插件2.0发布" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/04/wp-rc-reply-ajax-plugins-2-0-update.html" title="【重要更新】WP RC Reply AJAX插件2.0发布">【重要更新】WP RC Reply AJAX插件2.0发布</a> (49)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/09/ty.png&amp;h=100&amp;w=100&amp;zc=1" alt="社交媒体连接 V1.6更新 支持facebook 完全重写的注册流程" class="thumb" /><a href="http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html" title="社交媒体连接 V1.6更新 支持facebook 完全重写的注册流程">社交媒体连接 V1.6更新 支持facebook 完全重写的注册流程</a> (40)</li><li class="last"><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/a9dff5b61cf6.png&amp;h=100&amp;w=100&amp;zc=1" alt="WordPress插件发布: Social Medias Connect" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html" title="WordPress插件发布: Social Medias Connect">WordPress插件发布: Social Medias Connect</a> (80)</li></ul><p><strong>声明:</strong> 本站遵循 <a href="http:\/\/creativecommons.org/licenses/by-nc-sa/3.0/">署名-非商业性使用-相同方式共享 3.0</a> 共享协议. 转载请注明转自 <a href="http://www.qiqiboy.com">I'm qiqiboy !</a> </p> <p>本文地址: <a href="http://qiqi.boy.im/eb">http://qiqi.boy.im/eb<a></p><span style="background:#cc5566;color:#fffff;"><h4>Look, this post is replyed so hot, let's go O(∩_∩)O~.</h4></span><h3>Related comments</h3><ul><li>2011年05月22日, <a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html#comment-11308">微奇生活</a> say: 很赞的功能啊</li><li>2011年05月1日, <a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html#comment-11004">明月登楼</a> say: 不错，支持了，今天装上了，我一般都是用WLW来发布日志的，应该没问题吧！</li><li>2011年04月29日, <a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html#comment-10983">远走高飞</a> say: 给力啊这个plugin</li><li>2011年04月26日, <a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html#comment-10936">杀手爱喝牛奶</a> say: 绝对牛逼哄哄的插件啊~</li><li>2011年04月25日, <a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html#comment-10933">杀手爱喝牛奶</a> say: Test</li><li>2011年04月23日, <a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html#comment-10913">coobaba</a> say: 修改APPKEY后，使用微博登录成功，但是返回刷新页面之后又是未登录状态，换回楼主的APPKEY又正常</li><li>2011年04月23日, <a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html#comment-10912">QiQiBoY</a> say: <a href="#comment-10910" rel="nofollow">@coobaba </a> 
不推荐也不禁止修改appkey，自己找吧</li><li>2011年04月23日, <a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html#comment-10911">coobaba</a> say: 找到了已经</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html/feed</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>WordPress插件发布: Social Medias Connect</title>
		<link>http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html</link>
		<comments>http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html#comments</comments>
		<pubDate>Fri, 15 Apr 2011 15:01:21 +0000</pubDate>
		<dc:creator>qiqiboy</dc:creator>
				<category><![CDATA[plugin]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[SocialMedias]]></category>
		<category><![CDATA[微博]]></category>
		<category><![CDATA[微博连接]]></category>
		<category><![CDATA[插件]]></category>
		<category><![CDATA[新浪]]></category>

		<guid isPermaLink="false">http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html</guid>
		<description><![CDATA[插件信息 插件名称：Social Medias Connect插件作者：qiqiboy插件地址：wordpress官方下载页面WordPress Download &#124; 作者博客发布页面插件发布页面插件描述：提供wordpress与各大微博网站的连接登陆功能，以及同步文章信息到微博，转发文章的评论到微博。评论同步到微博不同于之前同类型的任何插件，本插件会将评论以转发+评论的形式发布到微博。你一定会问，转发+评论的是哪条微博呢？正是你发布文章时发布到微博的那条文章更新微博！！具体效果请使用你的微博账号在下面连接登陆，然后发表条评论，到你的微博查看效果吧。（查看评论效果：新浪微博用户到http://weibo.com/1638996697/l4ERVfKdp 查看，腾讯微博到http://t.qq.com/p/t/8080060044111，网易微博到http://t.163.com/qiqiboy/status/-830507615230401432） 关于插件的一些FAQ 1. 问：启用插件为什么没有任何效果？ 答：请确认评论模板中有&#60;?php do_action('comment_form', $post-&#62;ID); ?&#62;代码，没有的话要加上。 2. 问：启用插件wordpress报错？ 答：请确认评论wordpress版本&#62;3.0。 3. 问：为什么微博连接注册用户的用户名都是 sina_t_ sohu_t_ 等开头？ 答：为了保证wp既有用户的安全。 4. 问：微博连接能和现有的用户账户绑定吗？ 答：暂时不行。未来会推出微博绑定服务。 5. 问：为什么我安装了插件，评论却不能同步到微博呢？答：评论同步到微博需要一个=确认字段，也就是登陆后所勾选的“同步到XXX”选项，你的ajax评论在提交时要一同将这个字段的值也取出提交上去。方法如下: //原生javascript方法 if(document.getElementById('post_to_socialmedias')&#38;&#38;document.getElementById(‘post_to_socialmedias’).checked){ //这里讲字段信息追加到原来的提交字符串末尾，submit_str为假设的原来的提交字符串 submit_str+='&#38;post_to_socialmedias='+document.getElementById(‘post_to_socialmedias’).value; } //jQuery方法 if($('#post_to_socialmedias').length&#62;0){ submit_str+='&#38;post_to_socialmedias='+$('#post_to_socialmedias:checked').val(); } 5. 问：我修改文章时为什么不能再次同步到微博呢？答：你可以在文章编辑页面下方找到“强制同步到微博”选项，选择“同步”，修改文章时就会将修改信息同步到微博了。 [...]]]></description>
			<content:encoded><![CDATA[<h3>插件信息</h3>
<p><strong>插件名称：</strong>Social Medias Connect<br /><strong>插件作者：</strong>qiqiboy<br /><strong>插件地址：</strong>wordpress官方下载页面<a href="http://wordpress.org/extend/plugins/social-medias-connect/">WordPress Download</a> | 作者博客发布页面<a href="http://www.qiqiboy.com/plugins/social-medias-connect/">插件发布页面</a><br /><strong>插件描述：</strong>提供wordpress与各大微博网站的连接登陆功能，以及同步文章信息到微博，转发文章的评论到微博。评论同步到微博不同于之前同类型的任何插件，本插件会将评论以转发+评论的形式发布到微博。你一定会问，转发+评论的是哪条微博呢？正是你发布文章时发布到微博的那条文章更新微博！！具体效果请使用你的微博账号在下面连接登陆，然后发表条评论，到你的微博查看效果吧。（查看评论效果：新浪微博用户到<a title="http://weibo.com/1638996697/l4ERVfKdp" href="http://weibo.com/1638996697/l4ERVfKdp">http://weibo.com/1638996697/l4ERVfKdp</a> 查看，腾讯微博到<a title="http://t.qq.com/p/t/8080060044111" href="http://t.qq.com/p/t/8080060044111">http://t.qq.com/p/t/8080060044111</a>，网易微博到<a title="http://t.163.com/qiqiboy/status/-830507615230401432" href="http://t.163.com/qiqiboy/status/-830507615230401432">http://t.163.com/qiqiboy/status/-830507615230401432</a>）</p>
<h3>关于插件的一些FAQ</h3>
<p>1. 问：启用插件为什么没有任何效果？ 答：请确认评论模板中有<code>&lt;?php do_action('comment_form', $post-&gt;ID); ?&gt;</code>代码，没有的话要加上。</p>
<p>2. 问：启用插件wordpress报错？ 答：请确认评论wordpress版本&gt;3.0。</p>
<p>3. 问：为什么微博连接注册用户的用户名都是 sina_t_ sohu_t_ 等开头？ 答：为了保证wp既有用户的安全。</p>
<p>4. 问：微博连接能和现有的用户账户绑定吗？ 答：暂时不行。未来会推出微博绑定服务。</p>
<p><span style="color: #008000">5. <strong>问：为什么我安装了插件，评论却不能同步到微博呢？</strong>答：评论同步到微博需要一个=确认字段，也就是登陆后所勾选的“同步到XXX”选项，你的ajax评论在提交时要一同将这个字段的值也取出提交上去。方法如下:</span></p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: 'Courier New', courier, monospace; direction: ltr; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="color: #008000">//原生javascript方法</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="color: #0000ff">if</span>(document.getElementById(<span style="color: #006080">'post_to_socialmedias'</span>)&amp;&amp;document.getElementById(‘post_to_socialmedias’).<span style="color: #0000ff">checked</span>){</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">    <span style="color: #008000">//这里讲字段信息追加到原来的提交字符串末尾，submit_str为假设的原来的提交字符串</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">    submit_str+=<span style="color: #006080">'&amp;post_to_socialmedias='</span>+document.getElementById(‘post_to_socialmedias’).value;</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">}</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="color: #008000">//jQuery方法</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="color: #0000ff">if</span>($(<span style="color: #006080">'#post_to_socialmedias'</span>).length&gt;0){</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">    submit_str+=<span style="color: #006080">'&amp;post_to_socialmedias='</span>+$(<span style="color: #006080">'#post_to_socialmedias:checked'</span>).val();</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: 'Courier New', courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">}</pre>

</div>
</div>
<p>5. 问：我修改文章时为什么不能再次同步到微博呢？答：你可以在文章编辑页面下方找到“强制同步到微博”选项，选择“同步”，修改文章时就会将修改信息同步到微博了。</p>
<p><hr />
插件刚发布，如果有问题，请在下面留言告知。 </p>
<p>插件暂时未加入的功能：</p>
<p><strike>1. 字数截断。目前1.0版本的插件未对同步到微博的文字做出判断截断，下个版本更新。(希望有人能提供能准确统计发布字数并正确截断无乱码的截断代码)</strike></p>
<p><strike>2. 修改安装本插件以前发布的文章时不同步到微博。</strike></p>
<p>插件已更新，<a href="http://www.qiqiboy.com/plugins/social-medias-connect/" target="_blank"><strong><font color="#ff0000">请到插件页面查看下载最新版</font></strong></a></p>
<p><hr />
<span style="font-size: medium"><strong>插件下载地址：</strong></span><a href="http://wordpress.org/extend/plugins/social-medias-connect/" target="_blank"><span style="font-size: medium">WordPress官方托管地址</span></a> </p>
<p><span style="font-size: medium">插件发布页面：</span><a href="http://www.qiqiboy.com/products/plugins/social-medias-connect" target="_blank"><span style="font-size: medium">Social Medias Connect</span></a></p>
<p>效果预览：1 . <a href="#respond" target="_blank">本站发表评论部分。</a></p>
<p>2. <a href="http://www.mhtml5.com" target="_blank">MHTML5.COM(HTML5研究小组官方网站发表评论部分)</a></p>
<hr />
<h3>插件安装效果</h3>
<p>后台界面：</p>
<p><img style="display: inline" title="无标题" alt="无标题" src="http://www.qiqiboy.com/wp-content/uploads/2011/04/a9dff5b61cf6.png" width="922" height="800"></p>
<p>自动插入到评论部分：</p>
<p><img style="display: inline" title="12343" alt="12343" src="http://www.qiqiboy.com/wp-content/uploads/2011/04/12343.png" width="276" height="116"><img style="display: inline" title="232323" alt="232323" src="http://www.qiqiboy.com/wp-content/uploads/2011/04/232323.png" width="373" height="300"></p>
<p>博客登陆效果：</p>
<p><img style="display: inline" title="55555" alt="55555" src="http://www.qiqiboy.com/wp-content/uploads/2011/04/55555.png" width="395" height="298"></p>
<ul class="related_post"><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/comemnt-format.png&amp;h=100&amp;w=100&amp;zc=1" alt="Social Medias Connect V1.4更新，自定义同步格式 vs 标签、摘要同步" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/26/social-medias-connect-v1-4.html" title="Social Medias Connect V1.4更新，自定义同步格式 vs 标签、摘要同步">Social Medias Connect V1.4更新，自定义同步格式 vs 标签、摘要同步</a> (49)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/ttt.png&amp;h=100&amp;w=100&amp;zc=1" alt="新玩意儿-Social Medias Connect 微博连接" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/14/social-medias-connect-plugin.html" title="新玩意儿-Social Medias Connect 微博连接">新玩意儿-Social Medias Connect 微博连接</a> (64)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/09/ty.png&amp;h=100&amp;w=100&amp;zc=1" alt="社交媒体连接 V1.6更新 支持facebook 完全重写的注册流程" class="thumb" /><a href="http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html" title="社交媒体连接 V1.6更新 支持facebook 完全重写的注册流程">社交媒体连接 V1.6更新 支持facebook 完全重写的注册流程</a> (40)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/05/fanfousmc.png&amp;h=100&amp;w=100&amp;zc=1" alt="有关社交媒体连接插件对饭否、follow5支持的说明" class="thumb" /><a href="http://www.qiqiboy.com/2011/05/12/social-medias-connect-about-fanfou-and-follow5.html" title="有关社交媒体连接插件对饭否、follow5支持的说明">有关社交媒体连接插件对饭否、follow5支持的说明</a> (32)</li><li class="last"><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/smc-plugin.gif&amp;h=100&amp;w=100&amp;zc=1" alt="Social Medias Connect V1.3发布 新增图片同步" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html" title="Social Medias Connect V1.3发布 新增图片同步">Social Medias Connect V1.3发布 新增图片同步</a> (25)</li></ul><p><strong>声明:</strong> 本站遵循 <a href="http:\/\/creativecommons.org/licenses/by-nc-sa/3.0/">署名-非商业性使用-相同方式共享 3.0</a> 共享协议. 转载请注明转自 <a href="http://www.qiqiboy.com">I'm qiqiboy !</a> </p> <p>本文地址: <a href="http://qiqi.boy.im/e9">http://qiqi.boy.im/e9<a></p><span style="background:#cc5566;color:#fffff;"><h4>Look, this post is replyed so hot, let's go O(∩_∩)O~.</h4></span><h3>Related comments</h3><ul><li>2011年12月21日, <a href="http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html#comment-16523">林晓糖</a> say: <a href="#comment-16517" rel="nofollow">@林晓糖 </a> 
再测试一下</li><li>2011年12月20日, <a href="http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html#comment-16517">林晓糖</a> say: 测试一下恢复效果</li><li>2011年10月8日, <a href="http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html#comment-14979">aiGame</a> say: 测试</li><li>2011年09月27日, <a href="http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html#comment-14738">晒音乐</a> say: 人人和开心的APPKEY怎么得到？</li><li>2011年09月20日, <a href="http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html#comment-14650">水缘泡泡</a> say: 这么高级！</li><li>2011年09月18日, <a href="http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html#comment-14615">ganxb2</a> say: 又更新鸟。。HOHO
Q大。百度短网址和sina短网址使用会有啥区别？容易收录？链接访问速度快？</li><li>2011年08月30日, <a href="http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html#comment-12709">MJ</a> say: 在绑定微博通的时候，出现“你的主机不被支持，请联系你的主机商重新配置主机。”请问如何解决？</li><li>2011年08月18日, <a href="http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html#comment-12540">海滨稻香skating</a> say: 测试一下 同步效果</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html/feed</wfw:commentRss>
		<slash:comments>80</slash:comments>
		</item>
		<item>
		<title>千变万化的幻灯效果&#8211;Banner Rotator FX</title>
		<link>http://www.qiqiboy.com/2011/03/19/banner-rotator-fx.html</link>
		<comments>http://www.qiqiboy.com/2011/03/19/banner-rotator-fx.html#comments</comments>
		<pubDate>Sat, 19 Mar 2011 08:19:59 +0000</pubDate>
		<dc:creator>qiqiboy</dc:creator>
				<category><![CDATA[(X)HTML]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[slider]]></category>
		<category><![CDATA[幻灯]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://www.qiqiboy.com/?p=2730</guid>
		<description><![CDATA[这年代，没有网站上不放置个幻灯片的吧？像我，首页就放了俩。。。。 对于简单的过度效果（slide, fadeIn）等，我们用JS就很容易实现了。但是复杂的效果，比如图片百叶窗、手风琴、旋转等切换效果，JS来做的话也不是不能实现，但是由于IE的拖后腿，目前的实现方案还是传统方法，资源消耗蛮严重的，从方便性和资源节省方面来说，就不是一个“划算”的方案了。 补充：javascript实现的复杂效果幻灯demo 1. http://wowslider.com/jquery-slider-pinboard-fly-demo.html 2. http://wowslider.com/jquery-slider-mellow-blast-demo.html 3. http://wowslider.com/jquery-slider-bar-kenburns-demo.html 4. …….可以在http://wowslider.com 这个网站上查看其他效果 所以，Flash用来做这个是一个物美价廉的方案了。最近，用了一个flash幻灯方案，Banner Rotator FX, 官方地址：http://www.flashxml.net/banner-rotator.html 。 它是基于flashxml的，所以配置信息什么的都是在settings.xml管理的，而图片信息则是在images.xml中的，所以对于使用wordpress的人来说，自动更新幻灯中的图片可能有些麻烦，不过我们其实可以写个小脚本，发布文章时自动更新images.xml就好了，也不是啥大问题的。 Banner Rotator FX 的特色： 超过100种的切换效果可选，并且在一个幻灯中可以选择多种切换效果 支持JPG, GIF, BMP, PNG, 甚至SWF文件 自动的时间管理，会根据每张图片的尺寸、文本长度等调整动画的持续时间，你也可以自己指定。 图片可以随机播放，动画效果也可以随机应用 可以添加文字描述等 … 可以参考官方的详细描述 WordPress上的安装方法 这里我主要讲下wordpress上的使用。 首先下载一个插件，banner-rotator-fx （貌似这个插件从wp的官方插件目录中撤下了），下载插件后上传解压至wp的目录 wp-content/wp-plugins 中，然后激活插件。 [...]]]></description>
			<content:encoded><![CDATA[<p>这年代，没有网站上不放置个幻灯片的吧？像我，首页就放了俩。。。。</p>
<p>对于简单的过度效果（slide, fadeIn）等，我们用JS就很容易实现了。但是复杂的效果，比如图片百叶窗、手风琴、旋转等切换效果，JS来做的话也不是不能实现，但是由于IE的拖后腿，目前的实现方案还是传统方法，资源消耗蛮严重的，从方便性和资源节省方面来说，就不是一个“划算”的方案了。</p>
<blockquote><p><strong><font color="#000000">补充</font></strong>：javascript实现的复杂效果幻灯demo</p>
<p>1. <a href="http://wowslider.com/jquery-slider-pinboard-fly-demo.html">http://wowslider.com/jquery-slider-pinboard-fly-demo.html</a></p>
<p>2. <a href="http://wowslider.com/jquery-slider-mellow-blast-demo.html">http://wowslider.com/jquery-slider-mellow-blast-demo.html</a></p>
<p>3. <a href="http://wowslider.com/jquery-slider-bar-kenburns-demo.html">http://wowslider.com/jquery-slider-bar-kenburns-demo.html</a></p>
<p>4. …….可以在<a href="http://wowslider.com/jquery-slider-bar-kenburns-demo.html">http://wowslider.com</a> 这个网站上查看其他效果</p>
</blockquote>
<p>所以，Flash用来做这个是一个物美价廉的方案了。最近，用了一个flash幻灯方案，<strong><font color="#ff0000">Banner Rotator FX</font></strong>, 官方地址：<a href="http://www.flashxml.net/banner-rotator.html">http://www.flashxml.net/banner-rotator.html</a> 。</p>
<p>它是基于flashxml的，所以配置信息什么的都是在settings.xml管理的，而图片信息则是在images.xml中的，所以对于使用wordpress的人来说，自动更新幻灯中的图片可能有些麻烦，不过我们其实可以写个小脚本，发布文章时自动更新images.xml就好了，也不是啥大问题的。</p>
<p><strong><font color="#ff0000">Banner Rotator FX </font></strong>的特色：</p>
<ul>
<li>超过100种的切换效果可选，并且在一个幻灯中可以选择多种切换效果 </li>
<li>支持JPG, GIF, BMP, PNG, 甚至SWF文件 </li>
<li>自动的时间管理，会根据每张图片的尺寸、文本长度等调整动画的持续时间，你也可以自己指定。 </li>
<li>图片可以随机播放，动画效果也可以随机应用 </li>
<li>可以添加文字描述等 </li>
<li>… 可以参考官方的详细描述 </li>
</ul>
<h3>WordPress上的安装方法</h3>
<p>这里我主要讲下wordpress上的使用。</p>
<p>首先下载一个插件，<a href="http://flashxml.s3.amazonaws.com/wordpress/banner-rotator-fx.zip" target="_blank"><strong>banner-rotator-fx</strong></a> （貌似这个插件从wp的官方插件目录中撤下了），下载插件后上传解压至wp的目录 <code>wp-content/wp-plugins</code> 中，然后激活插件。</p>
<p>然后再下载这个免费的资源包，<a href="http://www.flashxml.net/free/download/banner-rotator.zip"><strong>Free package</strong></a> ，接着在wp的<code>wp-content</code>目录中创建一个名为 <code>flashxml</code> 的文件夹，然后再在这个flashxml文件夹中再创建一个文件夹，命名为 <code>banner-rotator-fx</code>。将资源包里的内容解压至<code>wp-content/flashxml/banner-rotator-fx</code>中即可。（备注：这个资源包的放置位置也可以自行放置，如果你的放置路径不是上面说的，那么请到wordpress的后台的插件设置面板，输入你自定义的路径）</p>
<p>调用flash幻灯的话，有两种方法，在文或者页面中可以使用shortcode方法，调用<code>[banner-rotator-fx][/banner-rotator-fx]</code>即可。而如果要在主题模板中调用，可以使用 </p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">&lt;?php <span style="color: #0000ff">if</span>(function_exists(<span style="color: #006080">'fxbannerrotator_echo_embed_code'</span>)) fxbannerrotator_echo_embed_code(); ?&gt;</pre>
</div>
</div>
<h3>如何使用？</h3>
<p>上面说了，配置信息是在settings.xml中的，这个文件位于资源包中，即你资源包解压路径下。</p>
<p>可以到<a href="http://www.flashxml.net/banner-rotator.html">http://www.flashxml.net/banner-rotator.html</a>这个页面进行图形化配置flash幻灯，你可以选择flash的宽度，高度；添加过渡效果，选择是否有控制条，背景颜色等各种信息。配置完成，点击 Generate 生成xml的内容，然后复制，替换掉你的settings.xml里的内容即可。</p>
<p>关于图片的添加，你可以打开images.xml, 编辑添加图片地址，还可以为每张图片指定显示时间，展示方式等。</p>
<p>更多信息，欢迎参考官方信息，这个玩意儿很强大。下面是我调用的一个demo：</p>
<div id="DivBannerRotatorFX"></div>
<p><script type="text/javascript" src="http://u.boy.im/banner-rotator/swfobject.js"></script><script type="text/javascript">
var flashvars = {};
var params = {};
flashvars.folderPath="http://u.boy.im/banner-rotator/";
params.scale = "noscale";
params.salign = "tl";
params.wmode = "transparent";
var attributes = {};
swfobject.embedSWF("http://u.boy.im/banner-rotator/BannerRotatorFX.swf", "DivBannerRotatorFX", "600", "400", "9.0.0", false, flashvars, params, attributes);
</script></p>
<p>最后奉上一个大美女，是这个资料包里的一张图片。。。。。<img src="http://u.boy.im/banner-rotator/images/06.jpg" /></p>
<ul class="related_post"><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2012/01/688860f891c5.png&amp;h=100&amp;w=100&amp;zc=1" alt="TouchSlider 1.0 - 兼容触摸屏手机与PC的幻灯片" class="thumb" /><a href="http://www.qiqiboy.com/2012/01/11/touchslider-1-0-publish.html" title="TouchSlider 1.0 &#8211; 兼容触摸屏手机与PC的幻灯片">TouchSlider 1.0 &#8211; 兼容触摸屏手机与PC的幻灯片</a> (6)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/09/ty.png&amp;h=100&amp;w=100&amp;zc=1" alt="社交媒体连接 V1.6更新 支持facebook 完全重写的注册流程" class="thumb" /><a href="http://www.qiqiboy.com/2011/09/16/socila-medias-connect-1-6-update.html" title="社交媒体连接 V1.6更新 支持facebook 完全重写的注册流程">社交媒体连接 V1.6更新 支持facebook 完全重写的注册流程</a> (40)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/smc-plugin.gif&amp;h=100&amp;w=100&amp;zc=1" alt="Social Medias Connect V1.3发布 新增图片同步" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html" title="Social Medias Connect V1.3发布 新增图片同步">Social Medias Connect V1.3发布 新增图片同步</a> (25)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/a9dff5b61cf6.png&amp;h=100&amp;w=100&amp;zc=1" alt="WordPress插件发布: Social Medias Connect" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/15/publish-social-medias-connect.html" title="WordPress插件发布: Social Medias Connect">WordPress插件发布: Social Medias Connect</a> (80)</li><li class="last"><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/10/sc.png&amp;h=100&amp;w=100&amp;zc=1" alt="【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html" title="【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能">【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能</a> (41)</li></ul><p><strong>声明:</strong> 本站遵循 <a href="http:\/\/creativecommons.org/licenses/by-nc-sa/3.0/">署名-非商业性使用-相同方式共享 3.0</a> 共享协议. 转载请注明转自 <a href="http://www.qiqiboy.com">I'm qiqiboy !</a> </p> <p>本文地址: <a href="http://qiqi.boy.im/ap">http://qiqi.boy.im/ap<a></p><span style="background:#cc5566;color:#fffff;"><h4>Look, this post is replyed so hot, let's go O(∩_∩)O~.</h4></span><h3>Related comments</h3><ul><li>2011年04月20日, <a href="http://www.qiqiboy.com/2011/03/19/banner-rotator-fx.html#comment-10859">星雨镇Leo</a> say: 这个太酷炫了一点，不怎么适合网站用啊，自己看图比较好，哈</li><li>2011年04月10日, <a href="http://www.qiqiboy.com/2011/03/19/banner-rotator-fx.html#comment-10703">恋78笑话大全网</a> say: 太帅了 哈哈</li><li>2011年04月10日, <a href="http://www.qiqiboy.com/2011/03/19/banner-rotator-fx.html#comment-10681">yetone</a> say: 你那第一篇博客怎么不见啦，我还想看小萝莉呢</li><li>2011年04月6日, <a href="http://www.qiqiboy.com/2011/03/19/banner-rotator-fx.html#comment-10631">sprityaoyao</a> say: 这个方法一直还是比较麻烦的。我换了个其他的</li><li>2011年04月1日, <a href="http://www.qiqiboy.com/2011/03/19/banner-rotator-fx.html#comment-10454">豆包</a> say: 简约一族留下了一个伟大的脚印 <img src='http://www.qiqiboy.com/wp-content/themes/windPaled/images/smiles/icon_biggrin.gif' alt=':grin:' class='wp-smiley' /> </li><li>2011年03月25日, <a href="http://www.qiqiboy.com/2011/03/19/banner-rotator-fx.html#comment-10408">小羿</a> say: 太炫鸟，还是喜欢简单点的</li><li>2011年03月25日, <a href="http://www.qiqiboy.com/2011/03/19/banner-rotator-fx.html#comment-10406">west</a> say: 测试看看插件效果</li><li>2011年03月24日, <a href="http://www.qiqiboy.com/2011/03/19/banner-rotator-fx.html#comment-10403">wmtimes</a> say: 效果很不错。你终于出来更新了。</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.qiqiboy.com/2011/03/19/banner-rotator-fx.html/feed</wfw:commentRss>
		<slash:comments>41</slash:comments>
		</item>
		<item>
		<title>【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能</title>
		<link>http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html</link>
		<comments>http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html#comments</comments>
		<pubDate>Sun, 31 Oct 2010 09:41:00 +0000</pubDate>
		<dc:creator>qiqiboy</dc:creator>
				<category><![CDATA[plugin]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WP-Enjoy-Reading]]></category>
		<category><![CDATA[插件]]></category>
		<category><![CDATA[更新]]></category>
		<category><![CDATA[皮肤]]></category>

		<guid isPermaLink="false">http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html</guid>
		<description><![CDATA[<p><a href="http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong><font color="#ff0000">WP Enjoy Reading</font></strong></a>插件插件好久没更新，今天从1.1.12更新到1.2版本，主要的功能增加就是增加了皮肤功能，之前一直有人提醒我说<a href="http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong><font color="#ff0000">WP Enjoy Reading</font></strong></a>插件提供的界面太苍白，不是每个人都喜欢灰不溜秋的界面。</p>

<p>OK，从1.2版本起，增加了炫彩换肤功能。你可以在后台设置一个你喜欢的皮肤。目前插件自带四套炫彩皮肤。四套皮肤来自【<a href="http://t.qq.com" target="_blank">腾讯微博</a>】的皮肤背景，感谢腾讯微博的图片无私外链！因为皮肤背景图都蛮大的，如果都内置到插件里，会导致插件体积很大，反正腾讯的图片也没防盗链，能用就用吧！</p><img style="margin: ; padding-left: ; padding-right: ; display: inline; padding-top: " title="sc" alt="sc" src="http://www.qiqiboy.com/wp-content/uploads/2010/10/sc.png" width="637" height="313" />
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong><font color="#ff0000">WP Enjoy Reading</font></strong></a>插件插件好久没更新，今天从1.1.12更新到1.2版本，主要的功能增加就是增加了皮肤功能，之前一直有人提醒我说<a href="http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong><font color="#ff0000">WP Enjoy Reading</font></strong></a>插件提供的界面太苍白，不是每个人都喜欢灰不溜秋的界面。</p>
<p>OK，从1.2版本起，增加了炫彩换肤功能。你可以在后台设置一个你喜欢的皮肤。目前插件自带四套炫彩皮肤。四套皮肤来自【<a href="http://t.qq.com" target="_blank">腾讯微博</a>】的皮肤背景，感谢腾讯微博的图片无私外链！因为皮肤背景图都蛮大的，如果都内置到插件里，会导致插件体积很大，反正腾讯的图片也没防盗链，能用就用吧！</p>
<h3>如何设置皮肤显示呢？</h3>
<p><img style="margin: ; padding-left: ; padding-right: ; display: inline; float: left; padding-top: " title="erer" alt="erer" align="left" src="http://www.qiqiboy.com/wp-content/uploads/2010/10/erer.png" width="419" height="132" />如果你初次更新1.2版本的插件，如果你没有到后台设置一个默认皮肤，那么插件会每次随机选择一个存在的皮肤显示。如果你在后台设置了一个皮肤，那么访客访问时将会显示你设置的皮肤。</p>
<p>&#160;</p>
<p>&#160;</p>
<p>但是，访客前台是可以自由切换皮肤的，如果访客在前台设置了自己的皮肤，那么这套皮肤的有效期将会是7天，也就是说7天之内此访客再访问阅读模式，就会一直显示他所选择的皮肤。</p>
<p>  <span id="more-2559"></span><br />
<h3>访客如何在前台切换皮肤呢？</h3>
<p>很简单，1.2版本的阅读模式在右上角将会显示一个粉红色的衣服的小图标<img style="margin: ; padding-left: ; padding-right: ; display: inline; padding-top: " title="clothes" alt="clothes" src="http://www.qiqiboy.com/wp-content/uploads/2010/10/clothes.png" width="18" height="18" />，点击这个小图标就会弹出皮肤切换面板，如下图<img style="margin: ; padding-left: ; padding-right: ; display: inline; padding-top: " title="sc" alt="sc" src="http://www.qiqiboy.com/wp-content/uploads/2010/10/sc.png" width="637" height="313" /></p>
<p>点击相应的皮肤缩略图就会切换到所选择的皮肤，非常的方便！！</p>
<hr />
<p>如果你不喜欢插件自带的四套皮肤，可以自定添加你的皮肤——</p>
<h3>如何添加我自己的皮肤呢？</h3>
<p>请打开插件目录下的<font style="background-color: #ffff00">func\function.php</font>文件，搜索第9行，找到如下代码 </p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">$bgimg=array(</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">        array(__(<span style="color: #006080">'Default'</span>,<span style="color: #006080">'WP-Enjoy-Reading'</span>),get_bloginfo(<span style="color: #006080">'wpurl'</span>) . <span style="color: #006080">'/wp-content/plugins/wp-enjoy-reading/img/default.png'</span>,<span style="color: #006080">'#fff'</span>),</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">        array(__(<span style="color: #006080">'Mid-Autumn'</span>,<span style="color: #006080">'WP-Enjoy-Reading'</span>),<span style="color: #006080">'http://mat1.gtimg.com/www/mb/images/theme/zqj_lights/thumb.jpg'</span>,<span style="color: #006080">'url(http://mat1.gtimg.com/www/mb/images/theme/zqj_lights/wrapBg.jpg) no-repeat center top #586F52'</span>),</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">        array(__(<span style="color: #006080">'bear'</span>,<span style="color: #006080">'WP-Enjoy-Reading'</span>),<span style="color: #006080">'http://mat1.gtimg.com/www/mb/images/theme/mh_bear/thumb.jpg'</span>,<span style="color: #006080">'url(http://mat1.gtimg.com/www/mb/images/theme/mh_bear/wrapBg.jpg) no-repeat center top #A06229'</span>),</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">        array(__(<span style="color: #006080">'love me'</span>,<span style="color: #006080">'WP-Enjoy-Reading'</span>),<span style="color: #006080">'http://mat1.gtimg.com/www/mb/images/theme/mh_baby/thumb.jpg'</span>,<span style="color: #006080">'url(http://mat1.gtimg.com/www/mb/images/theme/mh_baby/wrapBg.jpg) no-repeat center top #E5DBB7'</span>),</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">        array(__(<span style="color: #006080">'bear and meme'</span>,<span style="color: #006080">'WP-Enjoy-Reading'</span>),<span style="color: #006080">'http://mat1.gtimg.com/www/mb/images/theme/mh_mm_bear/thumb.jpg'</span>,<span style="color: #006080">'url(http://mat1.gtimg.com/www/mb/images/theme/mh_mm_bear/wrapBg.jpg) no-repeat center top #89B4DE'</span>)</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">    );</pre>
</div>
</div>
<p>此即为皮肤配置信息，是一个二维数组。此数组每一个子数组即为一个皮肤信息。每个皮肤信息也是一个一维数组，有三个子元素，分别是皮肤名称，皮肤缩略图地址和皮肤完整的background信息。所以，你要自定义皮肤，即可以向此二维数组中添加皮肤即可，一个列子如下： </p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">$bgimg=<span style="color: #0000ff">array</span>(</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">        <span style="color: #008000">/* 添加你自己的皮肤 */</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">        <span style="color: #0000ff">array</span>(皮肤名称, 皮肤缩略图url地址, 皮肤的background信息),<span style="color: #008000">//注意数组的格式，末尾的逗号别忘记了</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">         <span style="color: #008000">/* 皮肤添加完毕 */</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">        <span style="color: #0000ff">array</span>(__(<span style="color: #006080">'Default'</span>,<span style="color: #006080">'WP-Enjoy-Reading'</span>),get_bloginfo(<span style="color: #006080">'wpurl'</span>) . <span style="color: #006080">'/wp-content/plugins/wp-enjoy-reading/img/default.png'</span>,<span style="color: #006080">'#fff'</span>),</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">        <span style="color: #0000ff">array</span>(__(<span style="color: #006080">'Mid-Autumn'</span>,<span style="color: #006080">'WP-Enjoy-Reading'</span>),<span style="color: #006080">'http://mat1.gtimg.com/www/mb/images/theme/zqj_lights/thumb.jpg'</span>,<span style="color: #006080">'url(http://mat1.gtimg.com/www/mb/images/theme/zqj_lights/wrapBg.jpg) no-repeat center top #586F52'</span>)</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">    );</pre>
</div>
</div>
<p>只要按以上步骤正确添加了皮肤，那么久OK，其它东西都不用动，一个皮肤就添加进去了，然后就能在后台设置页面以及前台的皮肤切换面板上看到你刚刚添加的这个皮肤了。</p>
<p><a href="http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong><font color="#ff0000">WP Enjoy Reading</font></strong></a>插件的官方下载地址是<a title="http://wordpress.org/extend/plugins/wp-enjoy-reading/" href="http://wordpress.org/extend/plugins/wp-enjoy-reading/" target="_blank"><strong><font color="#ff0000">http://wordpress.org/extend/plugins/wp-enjoy-reading/</font></strong></a>。</p>
<p>如果你正在使用插件的早期版本，那么可以直接在后台升级到最新版！</p>
<p>1.2版的效果预览，请看我的<a href="http://www.qiqiboy.com/demo" target="_blank"><strong><font color="#ff0000">demo站</font></strong></a>，点击右边栏的尽享阅读链接！</p>
<p>有问题和疑问、建议等，欢迎留言或者点此查看<a href="http://www.qiqiboy.com/contact" target="_blank"><strong><font color="#ff0000">与我联系</font></strong></a>的方式。</p>
<p>可在<a href="http://twitter.com/qiqiboy" target="_blank"><font color="#ff0000">twitter</font></a>上Fo我提问。</p>
<ul class="related_post"><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/smc-plugin.gif&amp;h=100&amp;w=100&amp;zc=1" alt="Social Medias Connect V1.3发布 新增图片同步" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html" title="Social Medias Connect V1.3发布 新增图片同步">Social Medias Connect V1.3发布 新增图片同步</a> (25)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/WP-Enjoy-Reading-_CDC6/wp-enjoy-reading.jpg&amp;h=100&amp;w=100&amp;zc=1" alt="WP Enjoy Reading 代码注释，看这儿" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html" title="WP Enjoy Reading 代码注释，看这儿">WP Enjoy Reading 代码注释，看这儿</a> (59)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/WP-Enjoy-Reading_B3A2/wp-enjoy-reading.png&amp;h=100&amp;w=100&amp;zc=1" alt="关于WP Enjoy Reading的一些说明和答疑" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html" title="关于WP Enjoy Reading的一些说明和答疑">关于WP Enjoy Reading的一些说明和答疑</a> (30)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/8c442710e869_BD9F/wp-enjoy-reading.png&amp;h=100&amp;w=100&amp;zc=1" alt="【插件发布】WP Enjoy Reading(尽享阅读)" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html" title="【插件发布】WP Enjoy Reading(尽享阅读)">【插件发布】WP Enjoy Reading(尽享阅读)</a> (133)</li><li class="last"><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/5170a77cb374_107F8/wp-rc-reply-ajax.png&amp;h=100&amp;w=100&amp;zc=1" alt="【重要更新】WP RC Reply AJAX插件2.0发布" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/04/wp-rc-reply-ajax-plugins-2-0-update.html" title="【重要更新】WP RC Reply AJAX插件2.0发布">【重要更新】WP RC Reply AJAX插件2.0发布</a> (49)</li></ul><p><strong>声明:</strong> 本站遵循 <a href="http:\/\/creativecommons.org/licenses/by-nc-sa/3.0/">署名-非商业性使用-相同方式共享 3.0</a> 共享协议. 转载请注明转自 <a href="http://www.qiqiboy.com">I'm qiqiboy !</a> </p> <p>本文地址: <a href="http://qiqi.boy.im/9f">http://qiqi.boy.im/9f<a></p><span style="background:#cc5566;color:#fffff;"><h4>Look, this post is replyed so hot, let's go O(∩_∩)O~.</h4></span><h3>Related comments</h3><ul><li>2011年07月29日, <a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html#comment-12274">newton</a> say: IE7下 跳转到首页 其他浏览器正常</li><li>2011年04月18日, <a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html#comment-10847">klant</a> say: 呵呵，下载使用了。</li><li>2010年11月20日, <a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html#comment-8475">小杰博客</a> say: 这个插件很强大，看到不少人在用呢</li><li>2010年11月8日, <a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html#comment-8128">闲云野鹤</a> say: 对了，这个文章是这么个排列法呢？有图片的没图片的，是不是拍的时候有点乱了...</li><li>2010年11月3日, <a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html#comment-7825">我 喜欢用眼睛说谎 单纯善良的模样 - I'm qiqiboy !</a> say: [...]  [...]</li><li>2010年11月3日, <a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html#comment-7821">Ray Chow</a> say: 背景好Q</li><li>2010年11月2日, <a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html#comment-7792">chnmcy</a> say: 不错的东西
收藏了吧
目前用不到
一个皮还没研究明白呢</li><li>2010年11月2日, <a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html#comment-7787">枫雪</a> say: 没有用过，但是还是得支持..</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html/feed</wfw:commentRss>
		<slash:comments>41</slash:comments>
		</item>
		<item>
		<title>WP Enjoy Reading 代码注释，看这儿</title>
		<link>http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html</link>
		<comments>http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html#comments</comments>
		<pubDate>Mon, 18 Oct 2010 07:54:05 +0000</pubDate>
		<dc:creator>qiqiboy</dc:creator>
				<category><![CDATA[plugin]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WP-Enjoy-Reading]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-%e4%bb%a3%e7%a0%81%e6%b3%a8%e9%87%8a%ef%bc%8c%e7%9c%8b%e8%bf%99%e5%84%bf.html</guid>
		<description><![CDATA[<p><a href="http://http://www.qiqiboy.com/plugins/enjoy-reading"><strong>WP Enjoy Reading</strong></a>插件到今天为止，已经更新到1.1.11，这个版本号够囧的。我命名版本号，都是从1.0开始，小的修修补补或者小功能的增加就+0.0.1，不过一般小功能增加我就挑偶数版本号，比如可能从1.1.4直接跳到1.1.6；大的功能更新版本号就+0.1；如果是完全的代码重构，那就跳到2.0，比如<a title="http://www.qiqiboy.com/plugins/wp-rc-reply-ajax" href="http://www.qiqiboy.com/plugins/wp-rc-reply-ajax" target="_blank"><strong>WP RC Reply AJAX</strong></a>插件，目前2.0了。所以这个<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading"><strong>WP Enjoy Reading</strong></a>插件遇到这么个囧的版本号，我也是无奈啊。。。因为今天的更新从1.1.10到1.1.11只是更新了css文件，使<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading"><strong>WP Enjoy Reading</strong></a>插件兼容了IE6浏览器，没必要跳两个版本号啊。。</p><img style="margin: ; padding-left: ; padding-right: ; display: inline; padding-top: " title="wp-enjoy-reading" alt="wp-enjoy-reading" src="http://www.qiqiboy.com/wp-content/uploads/2010/WP-Enjoy-Reading-_CDC6/wp-enjoy-reading.jpg" width="602" height="239" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://http://www.qiqiboy.com/plugins/enjoy-reading"><strong>WP Enjoy Reading</strong></a>插件到今天为止，已经更新到1.1.11，这个版本号够囧的。我命名版本号，都是从1.0开始，小的修修补补或者小功能的增加就+0.0.1，不过一般小功能增加我就挑偶数版本号，比如可能从1.1.4直接跳到1.1.6；大的功能更新版本号就+0.1；如果是完全的代码重构，那就跳到2.0，比如<a title="http://www.qiqiboy.com/plugins/wp-rc-reply-ajax" href="http://www.qiqiboy.com/plugins/wp-rc-reply-ajax" target="_blank"><strong>WP RC Reply AJAX</strong></a>插件，目前2.0了。所以这个<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading"><strong>WP Enjoy Reading</strong></a>插件遇到这么个囧的版本号，我也是无奈啊。。。因为今天的更新从1.1.10到1.1.11只是更新了css文件，使<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading"><strong>WP Enjoy Reading</strong></a>插件兼容了IE6浏览器，没必要跳两个版本号啊。。</p>
<h3><strong>WP Enjoy Reading</strong>的代码注释部分</h3>
<p><a href="http://http://www.qiqiboy.com/plugins/enjoy-reading"><strong>WP Enjoy Reading</strong></a>插件的一共使用了两个JS文件，页面中插入的是压缩版，所以我在插件包里放入了四个文件，两个压缩的和两个未压缩的。如果你修改了JS文件，请一定要记得要将代码复制进对应的文件名带“min”字样的文件里才行。</p>
<p>插件包里的代码我都未注释，是因为我原想写英文注释，但是发现英语菜到不行，写起来丢人。中文注释也写不好。所以我就写篇博文以大白话形式说下插件所用的代码各部分的作用，也使有心二次开发的同学能继续发光发热。</p>
<h3><strong><font size="3">首先是，base.js文件中的代码：</font></strong></h3>
<p>此文件对应的会被压缩文件是base-min.js，修改代码后请复制到压缩文件中才会生效。</p>
<p>base.js中的代码是会在页面初始化时加载到页面上的，里面包含了几个基本方法和一个ajax请求。几个方法：<br />
<table border="2" cellspacing="0" cellpadding="2" width="400">
<tbody>
<tr>
<td valign="top" width="117">$</td>
<td valign="top" width="279">节点获取方法</td>
</tr>
<tr>
<td valign="top" width="117">addListener</td>
<td valign="top" width="279">设置监听方法</td>
</tr>
<tr>
<td valign="top" width="117">baseurl</td>
<td valign="top" width="279">获取博客基地址</td>
</tr>
<tr>
<td valign="top" width="117">ajax</td>
<td valign="top" width="279">一个简单的发起ajax请求的类</td>
</tr>
<tr>
<td valign="top" width="117">options</td>
<td valign="top" width="279">包含了若干配置初始配置信息的对象</td>
</tr>
</tbody>
</table>
<p>然后文件最后发起了一个ajax请求，目的是获取相关设置信息以及语言包配置。还有就是对“<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading"><strong>WP Enjoy Reading</strong></a>”的入口地址的a节点绑定了事件，点击链接后会创建一个浮层，并在页面的&lt;head&gt;中创建一个新的&lt;script&gt;和&lt;link&gt;标签，目的是引入插件需要的第二个JS文件和一个css文件。这个大家可以自己去看。</p>
<h3>然后是，wp-enjoy-reading.js文件</h3>
<p>这个文件是通过上面动态创建的&lt;script&gt;被引入到页面中来的。</p>
<p>它里面依然包含了若干方法<br />
<table border="2" cellspacing="0" cellpadding="2" width="400">
<tbody>
<tr>
<td valign="top" width="116">$$</td>
<td valign="top" width="280">其实就是传说中的是getElementsByClassName了</td>
</tr>
<tr>
<td valign="top" width="116">getStyle</td>
<td valign="top" width="280">获取样式属性</td>
</tr>
<tr>
<td valign="top" width="116">preventDefault</td>
<td valign="top" width="280">取消浏览器的一些默认行为(包括冒泡事件)</td>
</tr>
<tr>
<td valign="top" width="116">addClassName</td>
<td valign="top" width="280">添加class属性</td>
</tr>
<tr>
<td valign="top" width="116">removeClassName</td>
<td valign="top" width="280">移除某一class</td>
</tr>
<tr>
<td valign="top" width="116">windowXY</td>
<td valign="top" width="280">取得页面文档的宽高</td>
</tr>
<tr>
<td valign="top" width="116">getMousePoint</td>
<td valign="top" width="280">获取鼠标坐标（相对于文档，绝对高度、宽度）</td>
</tr>
<tr>
<td valign="top" width="116">getObjPoint</td>
<td valign="top" width="280">获取结点在页面上的坐标，同上</td>
</tr>
<tr>
<td valign="top" width="116">dataJson</td>
<td valign="top" width="280">文章数据的缓存变量</td>
</tr>
<tr>
<td valign="top" width="116">datapagenav</td>
<td valign="top" width="280">导航条的缓存</td>
</tr>
<tr>
<td valign="top" width="116">commentsArr</td>
<td valign="top" width="280">评论的缓存</td>
</tr>
<tr>
<td valign="top" width="116">iswitch</td>
<td valign="top" width="280">是否页面正在响应</td>
</tr>
<tr>
<td valign="top" width="116">postStack</td>
<td valign="top" width="280">记录页面文章操作次序的栈</td>
</tr>
<tr>
<td valign="top" width="116">pagenavStack</td>
<td valign="top" width="280">记录翻页次序的栈</td>
</tr>
<tr>
<td valign="top" width="116">sumArr</td>
<td valign="top" width="280">计算数组中某一段的元素之和(from到to)</td>
</tr>
</tbody>
</table>
<p>文件的第145行又有一个ajax请求，这个请求是获取<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading"><strong>WP Enjoy Reading</strong></a>模式的页面结构。数据请求成功后会将数据通过 </p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum1">   1:</span> document.body.innerHTML=</pre>
</div>
</div>
<p><span id="more-2548"></span></p>
<p>整个替换掉你原来的页面。 </p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum1">   1:</span> <span style="color: #0000ff">function</span> getPosts(c){<span style="color: #008000">//c是不同类型的文章，正常情况下是'index'，如果是分类文章，则是分类的名称</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum2">   2:</span>     <span style="color: #0000ff">if</span>(!dataJson[c])dataJson[c]=[];<span style="color: #008000">//检测是否已存在数据缓存对象，不存在就创建它</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum3">   3:</span>     <span style="color: #0000ff">if</span>(!datapagenav[c])datapagenav[c]=[];<span style="color: #008000">//同上</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum4">   4:</span>     <span style="color: #0000ff">var</span> sum=0,<span style="color: #008000">//一个计数器，记录当次请求的文章数量</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum5">   5:</span>         post_from=offset=dataJson[c].length,<span style="color: #008000">//文章请求开始值</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum6">   6:</span>         page_from=datapagenav[c].length,<span style="color: #008000">//页面开始的值值</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum7">   7:</span>         _pagenav=<span style="color: #0000ff">new</span> Array();<span style="color: #008000">//暂存每页文章数量的一个数组</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum8">   8:</span>     <span style="color: #0000ff">for</span>(<span style="color: #0000ff">var</span> i=0;i&lt;5;i++){<span style="color: #008000">//因为每次最多显示五页内容，所以这里通过五次循环来获取每页的文章数量，文章数量是通过随机数从1到7中取得</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum9">   9:</span>         <span style="color: #0000ff">var</span> rand=Math.floor(Math.random()*7+1);</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum10">  10:</span>         sum+=rand;</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum11">  11:</span>         _pagenav.push(rand);<span style="color: #008000">//将取得的每页文章数存入数组</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum12">  12:</span>     }</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum13">  13:</span>     closeFrame();<span style="color: #008000">//这里是关闭浮层（在浮层上查看完整文章时，如果点击了分类，那么会关闭浮层显示文类文章）</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum14">  14:</span>     <span style="color: #0000ff">new</span> EnjoyReading.ajax({<span style="color: #008000">//发起文章数据请求的ajax</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum15">  15:</span>         url:<span style="color: #006080">'?action=EnjoyReadingPosts&amp;number='</span> + sum + <span style="color: #006080">'&amp;offset='</span> + offset +(c == <span style="color: #006080">'index'</span> ? <span style="color: #006080">''</span> : <span style="color: #006080">'&amp;catname='</span>+c),<span style="color: #008000">//如果是分类文章，那么请求url中还要包含分类的别名</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum16">  16:</span>         before:<span style="color: #0000ff">function</span>(){<span style="color: #008000">//请求发起前的响应</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum17">  17:</span>             <span style="color: #0000ff">if</span>($(<span style="color: #006080">'load-enjoyreading-text'</span>)){</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum18">  18:</span>                 $(<span style="color: #006080">'load-enjoyreading-text'</span>).innerHTML=EnjoyReading.options.str3;<span style="color: #008000">//进度条的提醒值</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum19">  19:</span>                 $(<span style="color: #006080">'loadprogress'</span>).style.width=<span style="color: #006080">'99%'</span>;<span style="color: #008000">//将进度条宽度设置到99%</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum20">  20:</span>             }</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum21">  21:</span>             <span style="color: #008000">//将文章存放的div中放入一个loading</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum22">  22:</span>             $(<span style="color: #006080">'WER-container'</span>).innerHTML=<span style="color: #006080">'&lt;div id=&quot;WER-loading-div&quot; style=&quot;background:#fff url('</span>+EnjoyReading.baseurl()+<span style="color: #006080">'plugins/wp-enjoy-reading/img/ajax-loader.gif) center center no-repeat;&quot;&gt;&lt;/div&gt;'</span>;</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum23">  23:</span>         },</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum24">  24:</span>         dataType:<span style="color: #006080">'json'</span>,<span style="color: #008000">//请求反回的数据类型，json格式</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum25">  25:</span>         success:<span style="color: #0000ff">function</span>(){</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum26">  26:</span>             <span style="color: #0000ff">var</span> _json=<span style="color: #0000ff">this</span>.data;</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum27">  27:</span>             <span style="color: #0000ff">var</span> post_num=page_num=0;<span style="color: #008000">//这里需要两个变量：第一页的文章数量post_num和此次请求返回的文章所能生成的页面数量page_num</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum28">  28:</span>             <span style="color: #0000ff">if</span>(_json.length&lt;sum){<span style="color: #008000">//这里要计算如果返回的文章数量少于请求发出的需要数量时(此时不一定还能生成五页内容，并且最后一页内容一定和原来的需求的不一样)，计算得出此时的页面配置</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum29">  29:</span>                 <span style="color: #0000ff">var</span> _sum=0;</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum30">  30:</span>                 <span style="color: #0000ff">while</span>(_sum&lt;_json.length){</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum31">  31:</span>                     _sum+=_pagenav[page_num++];</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum32">  32:</span>                 }</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum33">  33:</span>                 _pagenav=_pagenav.splice(0,page_num);</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum34">  34:</span>                 _pagenav[page_num-1]=_json.length-sumArr(_pagenav,0,page_num-1);</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum35">  35:</span>             }<span style="color: #0000ff">else</span>{</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum36">  36:</span>                 page_num=_pagenav.length;</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum37">  37:</span>             }</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum38">  38:</span>             post_num=_pagenav[0];</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum39">  39:</span>             dataJson[c] = dataJson[c].concat(_json);<span style="color: #008000">//将数据连接，供统一调用</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum40">  40:</span>             datapagenav[c] = datapagenav[c].concat(_pagenav);</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum41">  41:</span>             loadPost(c,post_from,post_num);<span style="color: #008000">//载入文章，请参考此函数</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum42">  42:</span>             setPageNav(c,page_from,page_num);<span style="color: #008000">//生成页面导航条，请参考此函数</span></pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum43">  43:</span>         },</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum44">  44:</span>        ......</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum45">  45:</span>     });</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="padding-bottom: 1px; padding-left: 1px; padding-right: 1px; background: #f4f4f4; color: #606060; margin-left: -1em; padding-top: 1px" id="lnum46">  46:</span> }</pre>
</div>
</div>
<p>最主要的数据获取就是上面的getPosts函数了。下面我就再通过表格说明一下各个函数的作用，不再详细解释 </p>
<table border="2" cellspacing="0" cellpadding="2" width="458">
<tbody>
<tr>
<td valign="top" width="116">loadPost</td>
<td valign="top" width="338">通过随机数获取模板配置，载入文章</td>
</tr>
<tr>
<td valign="top" width="116">applyTemplate</td>
<td valign="top" width="338">文章格式化显示</td>
</tr>
<tr>
<td valign="top" width="116">switchAnimate</td>
<td valign="top" width="338">页面切换的动画效果由此函数提供</td>
</tr>
<tr>
<td valign="top" width="116">setPageNav<sup><font color="#ff0000">重要</font></sup></td>
<td valign="top" width="338">页面导航生成函数，此函数负责生成（更新）页面导航条</td>
</tr>
<tr>
<td valign="top" width="116">bindcategoryEvent</td>
<td valign="top" width="338">为分类绑定事件</td>
</tr>
<tr>
<td valign="top" width="116">returnBack</td>
<td valign="top" width="338">点击分类后返回上一个操作</td>
</tr>
<tr>
<td valign="top" width="116">singlePost</td>
<td valign="top" width="338">为文章标题点击绑定事件</td>
</tr>
<tr>
<td valign="top" width="116">loadAllPost<sup><font color="#ff0000">重要</font></sup></td>
<td valign="top" width="338">载入完整的文章，在浮层上查看</td>
</tr>
<tr>
<td valign="top" width="116">switchShortCut</td>
<td valign="top" width="338">键盘切换快捷方式</td>
</tr>
<tr>
<td valign="top" width="116">loadComments</td>
<td valign="top" width="338">载入文章评论</td>
</tr>
<tr>
<td valign="top" width="116">applyComment</td>
<td valign="top" width="338">格式化显示评论</td>
</tr>
<tr>
<td valign="top" width="116">submitComment<sup><font color="#ff0000">重要</font></sup></td>
<td valign="top" width="338">ajax评论提交</td>
</tr>
<tr>
<td valign="top" width="116">disableSubmit</td>
<td valign="top" width="338">禁用提交按钮，并倒计时15s</td>
</tr>
<tr>
<td valign="top" width="116">beforeSubmit</td>
<td valign="top" width="338">提交前设置鼠标状态忙碌，禁用输入等</td>
</tr>
<tr>
<td valign="top" width="116">checkInput</td>
<td valign="top" width="338">检查姓名、邮箱、评论等输入</td>
</tr>
<tr>
<td valign="top" width="116">afterSubmit</td>
<td valign="top" width="338">提交后回复鼠标正常状态，重新启用输入</td>
</tr>
<tr>
<td valign="top" width="116">loadCommentBox</td>
<td valign="top" width="338">载入完整的资料输入面板</td>
</tr>
<tr>
<td valign="top" width="116">closeCommentBox</td>
<td valign="top" width="338">关闭资料输入</td>
</tr>
<tr>
<td valign="top" width="116">changeAuthor</td>
<td valign="top" width="338">折叠/显示访客信息</td>
</tr>
</tbody>
</table>
<p>到此，整个插件的各部分功能基本上解释完毕，如果你需要更详细支持，请单独联系我。<a href="http://www.qiqiboy.com/contact" target="_blank"><font color="#ff0000"><strong>联系方式在此</strong></font></a>，也可直接在<a href="http://twitter.com/qiqiboy" target="_blank"><strong><font color="#ff0000">twitter</font></strong></a>上FO我。</p>
<p>目前<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading"><strong>WP Enjoy Reading</strong></a>插件版本1.1.11，支持所有平台的所有浏览器。<img style="margin: ; padding-left: ; padding-right: ; display: inline; padding-top: " title="wp-enjoy-reading" alt="wp-enjoy-reading" src="http://www.qiqiboy.com/wp-content/uploads/2010/WP-Enjoy-Reading-_CDC6/wp-enjoy-reading.jpg" width="602" height="239" /></p>
<ul class="related_post"><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/10/sc.png&amp;h=100&amp;w=100&amp;zc=1" alt="【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html" title="【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能">【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能</a> (41)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/WP-Enjoy-Reading_B3A2/wp-enjoy-reading.png&amp;h=100&amp;w=100&amp;zc=1" alt="关于WP Enjoy Reading的一些说明和答疑" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html" title="关于WP Enjoy Reading的一些说明和答疑">关于WP Enjoy Reading的一些说明和答疑</a> (30)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/8c442710e869_BD9F/wp-enjoy-reading.png&amp;h=100&amp;w=100&amp;zc=1" alt="【插件发布】WP Enjoy Reading(尽享阅读)" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html" title="【插件发布】WP Enjoy Reading(尽享阅读)">【插件发布】WP Enjoy Reading(尽享阅读)</a> (133)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/5170a77cb374_107F8/wp-rc-reply-ajax.png&amp;h=100&amp;w=100&amp;zc=1" alt="【重要更新】WP RC Reply AJAX插件2.0发布" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/04/wp-rc-reply-ajax-plugins-2-0-update.html" title="【重要更新】WP RC Reply AJAX插件2.0发布">【重要更新】WP RC Reply AJAX插件2.0发布</a> (49)</li><li class="last"><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/wordpressWaveYourTheme_4EC0/5677.png&amp;h=100&amp;w=100&amp;zc=1" alt="【插件发布】wordpress主题预览插件-Wave Your Theme（换装游戏）" class="thumb" /><a href="http://www.qiqiboy.com/2010/09/23/wordpress-plugins-wave-your-theme.html" title="【插件发布】wordpress主题预览插件-Wave Your Theme（换装游戏）">【插件发布】wordpress主题预览插件-Wave Your Theme（换装游戏）</a> (70)</li></ul><p><strong>声明:</strong> 本站遵循 <a href="http:\/\/creativecommons.org/licenses/by-nc-sa/3.0/">署名-非商业性使用-相同方式共享 3.0</a> 共享协议. 转载请注明转自 <a href="http://www.qiqiboy.com">I'm qiqiboy !</a> </p> <p>本文地址: <a href="http://qiqi.boy.im/98">http://qiqi.boy.im/98<a></p><span style="background:#cc5566;color:#fffff;"><h4>Look, this post is replyed so hot, let's go O(∩_∩)O~.</h4></span><h3>Related comments</h3><ul><li>2011年04月8日, <a href="http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html#comment-10636">Melody</a> say: 顶一个。。。</li><li>2010年10月24日, <a href="http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html#comment-7445">ZDAvril</a> say: 咦。这个跟QQ阅读器一样的UI。不过貌似改进不少。前几天正好看到QQ阅读器很不错。 <img src='http://www.qiqiboy.com/wp-content/themes/windPaled/images/smiles/icon_smile.gif' alt=':smile:' class='wp-smiley' /> </li><li>2010年10月20日, <a href="http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html#comment-7283">QiQiBoY</a> say: <a href="#comment-7263" rel="nofollow">@Suyos </a> 
这个容易。。只要你博客对IE6说NO，这个插件也会跟着对IE6 NO。</li><li>2010年10月20日, <a href="http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html#comment-7282">QiQiBoY</a> say: <a href="#comment-7276" rel="nofollow">@掌柜的马甲 </a> 
更新失败，出现404，就一直F5刷新浏览器，一般来说平均刷新三到四下就会成功的。。</li><li>2010年10月20日, <a href="http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html#comment-7276">掌柜的马甲</a> say: 我表示自动更新不成功</li><li>2010年10月20日, <a href="http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html#comment-7272">MOPVHS</a> say: <a href="#comment-7261" rel="nofollow">@QiQiBoY </a> 
果然在IE下卡死了...泪奔，我果然没有认真测试... <img src='http://www.qiqiboy.com/wp-content/themes/windPaled/images/smiles/icon_cry.gif' alt=':cry:' class='wp-smiley' /> </li><li>2010年10月20日, <a href="http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html#comment-7263">Suyos</a> say: 即使能支持IE6，我也不想开放访问权限给IE6</li><li>2010年10月20日, <a href="http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html#comment-7262">QiQiBoY</a> say: <a href="#comment-7258" rel="nofollow">@akasuna </a> 
呵呵。。。因为没涉及到太多的样式，所以兼容至IE6还不是很麻烦。。</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html/feed</wfw:commentRss>
		<slash:comments>59</slash:comments>
		</item>
		<item>
		<title>关于WP Enjoy Reading的一些说明和答疑</title>
		<link>http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html</link>
		<comments>http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html#comments</comments>
		<pubDate>Thu, 14 Oct 2010 05:35:43 +0000</pubDate>
		<dc:creator>qiqiboy</dc:creator>
				<category><![CDATA[plugin]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WP-Enjoy-Reading]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html</guid>
		<description><![CDATA[<p>插件不会影响任意搜索引擎对页面的抓取。插件所提供的所谓“阅读模式”只有通过点击插件生成的那个a节点链接，并在启用JavaScript的情况下才能进入。而搜索引擎会点击链接吗？搜索引擎会执行JavaScript吗？</p>

<p>好，如果你认为伟大的google的爬虫具有了抓取JavaScript的能力，但是，请注意，即使google爬虫具有此般能力，它也只是抓取JavaScript自动生成的内容，而不会去通过动作触发来执行JS。也就是说爬虫无法像人一样去拿鼠标点击。而<a href="http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>插件必须是有点击，有“click”事件才能触发的。</p>

<p>至于爬虫直接抓取插件生成的那个a链接，目前来说也是毫无影响的。不信，你可以在禁用插件情况下点击那个链接试试。还不放心，那你加上nofollow好了。</p>

<p>还要说明的是，不仅不会影响seo，由于插件也没有在页面上预先引入css，所以也绝对不会影响你的那什么css验证、xhtml验证的。</p><img style="border-bottom: ; border-left: ; margin: ; padding-left: ; padding-right: ; display: inline; border-top: ; border-right: ; padding-top: " title="wp enjoy reading" alt="wp enjoy reading" src="http://www.qiqiboy.com/wp-content/uploads/2010/WP-Enjoy-Reading_B3A2/wp-enjoy-reading.png" width="602" height="239" />]]></description>
			<content:encoded><![CDATA[<h3>一，插件会支持评论回复功能吗？</h3>
<p>暂时不会。</p>
<p>不要因为看了我的<a href="http://www.qiqiboy.com/?preview_theme1=ajaxPaled" target="_blank"><strong>ajaxPaled</strong></a>主题支持回复，就觉得<a href="http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>插件也要支持这个。ajaxPaled是一款完整的主题，作为主题它应该有基本的评论讨论机制。而<a href="http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>插件的定位只是一款博文辅助阅读工具。</p>
<p>以后也许会支持回复功能，你可能还有一个疑问，请看下一条：</p>
<h3>二，评论回复能支持嵌套吗？</h3>
<p>永远不会。</p>
<p>现在还没有回复功能，即使以后添加了回复功能，新回复也会显示在评论列表顶部，而绝不会以嵌套形式显示在所回复的评论下部。</p>
<p>评论回复不支持嵌套，文章评论列表的展现形式更是永远不会用嵌套形式，那么窄的评论区域我不知道要如何放下嵌套。</p>
<p>我会加入<strong>@悬浮</strong>显示。关于@悬浮，请自行搜索。所以，从现在起，回复都加上@XXX格式吧。</p>
<h3>三，黑白配，我不喜欢，能自定义样式就好了</h3>
<p>一直都可以自定义。</p>
<p>样式仅仅是css控制的，通过修改css，你可以任意修改界面样式配色，包括背景、字体、字体颜色、大小、引用样式。。等等。你可以通过火狐下的firebug插件或者chrome下的开发者工具(其他浏览器也大都有调试工具)来查看页面结构。</p>
<p>页面的头部和尾部你更是可以随意修改。插件的func\function.php路径下文件的第33-51行即是页面结构的设定。你可以通过修改随意添加内容，比如，你也可以像我的ajaxPaled一样在头部加上一个播放器，或者在页面尾部加上你的其他声明什么的。</p>
<p>  <span id="more-2546"></span><br />
<h3>四，我这里显示有问题！！</h3>
<p><a href="http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>插件在启用阅读模式后并没有移除你的主题的css文件，所以一些样式会继承于你主题的style.css中的样式设定。如果显示有问题，如字体太小，或者有些文字过大等，请保证你的原来的style.css中的一些代码是无“侵入性”的。</p>
<h3>五，影响seo吗？</h3>
<p>完全不。</p>
<p>插件不会影响任意搜索引擎对页面的抓取。插件所提供的所谓“阅读模式”只有通过点击插件生成的那个a节点链接，并在启用JavaScript的情况下才能进入。而搜索引擎会点击链接吗？搜索引擎会执行JavaScript吗？</p>
<p>好，如果你认为伟大的google的爬虫具有了抓取JavaScript的能力，但是，请注意，即使google爬虫具有此般能力，它也只是抓取JavaScript自动生成的内容，而不会去通过动作触发来执行JS。也就是说爬虫无法像人一样去拿鼠标点击。而<a href="http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>插件必须是有点击，有“click”事件才能触发的。</p>
<p>至于爬虫直接抓取插件生成的那个a链接，目前来说也是毫无影响的。不信，你可以在禁用JavaScript情况下点击那个链接试试。还不放心，那你加上nofollow好了。</p>
<p>还要说明的是，不仅不会影响seo，由于插件也没有在页面上预先引入css，所以也绝对不会影响你的那什么css验证、xhtml验证的。</p>
<h3>六，文章列表能使用缩略图吗</h3>
<p>未来版本会加入。 </p>
<hr />
<p><img style="margin: ; padding-left: ; padding-right: ; display: inline; padding-top: " title="wp enjoy reading" alt="wp enjoy reading" src="http://www.qiqiboy.com/wp-content/uploads/2010/WP-Enjoy-Reading_B3A2/wp-enjoy-reading.png" width="602" height="239" /></p>
<ul class="related_post"><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/10/sc.png&amp;h=100&amp;w=100&amp;zc=1" alt="【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html" title="【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能">【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能</a> (41)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/WP-Enjoy-Reading-_CDC6/wp-enjoy-reading.jpg&amp;h=100&amp;w=100&amp;zc=1" alt="WP Enjoy Reading 代码注释，看这儿" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html" title="WP Enjoy Reading 代码注释，看这儿">WP Enjoy Reading 代码注释，看这儿</a> (59)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/8c442710e869_BD9F/wp-enjoy-reading.png&amp;h=100&amp;w=100&amp;zc=1" alt="【插件发布】WP Enjoy Reading(尽享阅读)" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html" title="【插件发布】WP Enjoy Reading(尽享阅读)">【插件发布】WP Enjoy Reading(尽享阅读)</a> (133)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/smc-plugin.gif&amp;h=100&amp;w=100&amp;zc=1" alt="Social Medias Connect V1.3发布 新增图片同步" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html" title="Social Medias Connect V1.3发布 新增图片同步">Social Medias Connect V1.3发布 新增图片同步</a> (25)</li><li class="last"><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/5170a77cb374_107F8/wp-rc-reply-ajax.png&amp;h=100&amp;w=100&amp;zc=1" alt="【重要更新】WP RC Reply AJAX插件2.0发布" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/04/wp-rc-reply-ajax-plugins-2-0-update.html" title="【重要更新】WP RC Reply AJAX插件2.0发布">【重要更新】WP RC Reply AJAX插件2.0发布</a> (49)</li></ul><p><strong>声明:</strong> 本站遵循 <a href="http:\/\/creativecommons.org/licenses/by-nc-sa/3.0/">署名-非商业性使用-相同方式共享 3.0</a> 共享协议. 转载请注明转自 <a href="http://www.qiqiboy.com">I'm qiqiboy !</a> </p> <p>本文地址: <a href="http://qiqi.boy.im/95">http://qiqi.boy.im/95<a></p><span style="background:#cc5566;color:#fffff;"><h4>Look, this post is replyed so hot, let's go O(∩_∩)O~.</h4></span><h3>Related comments</h3><ul><li>2011年06月15日, <a href="http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html#comment-11610">冠朔wordpress插件网</a> say: 这是一个非常伟大的插件，要是有完整版的就更完美了。</li><li>2010年10月23日, <a href="http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html#comment-7408">ylsnuha</a> say: 哈哈  过来看看 <img src='http://www.qiqiboy.com/wp-content/themes/windPaled/images/smiles/icon_evil.gif' alt=':evil:' class='wp-smiley' /> </li><li>2010年10月18日, <a href="http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html#comment-7146">QiQiBoY</a> say: <a href="#comment-7126" rel="nofollow">@Mars </a> 
Thanks!</li><li>2010年10月17日, <a href="http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html#comment-7126">Mars</a> say: 很不错的应用。</li><li>2010年10月16日, <a href="http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html#comment-7055">球犯</a> say: 更新得真快 很不错很强大的插件啊！哈哈哈</li><li>2010年10月15日, <a href="http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html#comment-7043">有点蓝</a> say: 呵呵，其实文章分页还真是很少见到很少用到，我也是刚发了个长贴才偶然发现这个问题的。</li><li>2010年10月15日, <a href="http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html#comment-7041">liuqiqi</a> say: <a href="#comment-7040" rel="nofollow">@有点蓝 </a> 
这个。。不能显示就不能显示吧。。。讨厌分页。。</li><li>2010年10月15日, <a href="http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html#comment-7040">有点蓝</a> say: 终于被我发现一个bug，阅读模式下，无法显示文章分页……求奖励 <img src='http://www.qiqiboy.com/wp-content/themes/windPaled/images/smiles/icon_biggrin.gif' alt=':grin:' class='wp-smiley' /> </li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html/feed</wfw:commentRss>
		<slash:comments>30</slash:comments>
		</item>
		<item>
		<title>Hello WordPress!</title>
		<link>http://www.qiqiboy.com/2010/10/12/hello-wordpress-2010.html</link>
		<comments>http://www.qiqiboy.com/2010/10/12/hello-wordpress-2010.html#comments</comments>
		<pubDate>Mon, 11 Oct 2010 17:13:43 +0000</pubDate>
		<dc:creator>qiqiboy</dc:creator>
				<category><![CDATA[Myself-Life]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[一周年]]></category>
		<category><![CDATA[主题]]></category>
		<category><![CDATA[折腾]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://www.qiqiboy.com/2010/10/12/hello-wordpress-2010.html</guid>
		<description><![CDATA[  <p><font color="#ff0000">2010.08</font> 我继续折腾，期间我<a href="http://www.qiqiboy.com/2010/08/04/trackback-style-changes.html"><strong>修改trackback样式，统一评论外观</strong></a>，也分享了这个修改中的一些涉及到的代码<a href="http://www.qiqiboy.com/2010/08/05/added-edit-trackback-style-in-the-code.html"><strong>补充《修改trackback样式，统一评论外观》中代码</strong></a>。这期间，我对ajax兴趣逐渐浓厚起来，所以便有了这个<a href="http://www.qiqiboy.com/2010/08/07/effect-of-adding-some-ajax-blog.html"><strong>博客加入若干Ajax效果</strong></a>。在折腾ajax、延迟加载中，我遇到了页面文档初始化的一些问题，于是查阅文档便有了这篇<a href="http://www.qiqiboy.com/2010/08/08/javascript-page-document-initialize-window-onload-alternative.html"><strong>JavaScript页面文档初始化 window.onload的替代办法</strong></a>；后来，我有了在侧边栏开发ajax即时评论的想法，于是便出现了<a href="http://www.qiqiboy.com/2010/08/10/ajax-version-comment-reply-feature-immediately-sidebar.html"><strong>【效果测试展示篇】Ajax版即时侧边栏评论回复功能</strong></a>，掉了几天大家的胃口，然后又简单的蜻蜓点水般<a href="http://www.qiqiboy.com/2010/08/13/ever-present-sidebar-instant-recovery-capabilities-comments.html"><strong>【原理指导篇】无时不在的评论 侧边栏即时回复功能</strong></a>。八月份期间，我的SimPaled主题基本上成型了，于是我将它介绍了给大家<a href="http://www.qiqiboy.com/2010/08/14/introduce-my-blog-theme-for-you-2.html"><strong>【SimPaled篇】Introduce My Blog Theme For You</strong></a>。很哟意思的是，我看到了腾讯微博的头像悬浮显示，于是便仿了下来<a href="http://www.qiqiboy.com/2010/08/16/visitor-information-tencent-suspended-micro-display.html"><strong>仿腾讯微博式访客信息悬浮显示（JavaScript &#38; ajax）</strong></a>。基于边栏评论，为了方便大家，我开发了<a href="http://www.qiqiboy.com/2010/08/20/wordpress-plugin-wp-rc-reply-ajax.html"><strong>插件发布：边栏最新评论及ajax回复——WP RC Reply AJAX</strong></a>。后来发现wordpress的无限嵌套的邮件回复有问题，于是有了<a href="http://www.qiqiboy.com/2010/08/23/perfect-solution-wordpress-unlimited-nested-2.html"><strong>完美解决wordpress无限嵌套&#60;二&#62; 【邮件发送相关问题】</strong></a>。因为SimPaled主题用到了很多延迟加载，所以有同学问我延迟加载怎样实现，于是我分享了自己当时的思路<a href="http://www.qiqiboy.com/2010/08/27/js-delayed-loading-mechanism-function-lazyload.html"><strong>JS延迟加载机制函数(Lazyload)</strong></a>。八月份最后一件事大概要算我在博客中曝光了中文spam里的那些极品好玩的spam吧<a href="http://www.qiqiboy.com/2010/08/31/chinese-circle-surrounding-wordpress-spam-fun.html"><strong>围观wordpress中文圈内好玩的spam</strong></a></p>

  <p><font color="#ff0000">2010.09</font> 进入九月份，我无聊的几天便折腾了个读者墙，于是有了这两篇<a href="http://www.qiqiboy.com/2010/09/03/wall-display-of-my-readers-with-js-code-used.html"><strong>我的读者墙展示（附所用JS代码）</strong></a>、<a href="http://www.qiqiboy.com/2010/09/06/readers-wall-effect-picture-free-drag.html"><strong>读者墙效果【二】- 头像自由拖拽</strong></a>。这个月最激动人心的就是我发布了自己的ajaxPaled主题<a href="http://www.qiqiboy.com/2010/09/18/subvert-your-wordpress-experience-ajaxpaled.html"><strong><font color="#008000">颠覆你的wordpress体验–ajaxPaled(全站ajax，杂志型布局)</font></strong></a>。另外本月我也发布了一个主题预览插件，并起了个动感的名字<a href="http://www.qiqiboy.com/2010/09/23/wordpress-plugins-wave-your-theme.html"><strong>【插件发布】wordpress主题预览插件-Wave Your Theme（换装游戏）</strong></a></p><img style="border-bottom: ; border-left: ; margin: ; padding-left: ; padding-right: ; display: inline; border-top: ; border-right: ; padding-top: " title="screenshot" alt="screenshot" src="http://www.qiqiboy.com/wp-content/uploads/2010/Hello-wordpress_14C11/screenshot.jpg" width="818" height="366" />]]></description>
			<content:encoded><![CDATA[<h3>为什么今天用这个做标题呢？ </h3>
<p>因为我的博客今天是一周年了，有文章为证：</p>
<blockquote><p>2010年10月18日：《<a href="http://www.qiqiboy.com/2009/10/18/blogbus-liuliang-tongji-sousuo.html" target="_blank"><strong>原琪琪boy大杂烩的流量之变</strong></a>》</p>
<p><font color="#a5a5a5">我是10月11日晚上七八点将</font><a href="http://www.qiqiboy.com"><font color="#a5a5a5">www.qiqiboy.com</font></a><font color="#a5a5a5">的dns解析从博客大巴撤下的，…</font></p>
</blockquote>
<p>其实我早已记不清自己是何时从博客大巴搬来wordpress的，今天特意去翻了翻前面的文章，发现去年十月份一篇文章提到了我域名DNS解析是从10月11号从博客大巴撤下，解析到了我的主机上。其实，两周前我给主机续费了时，就知道了主机是09年10月11号买的，但是还不确定是不是当时刚买了主机就立刻开始wordpress之旅了。18号的这篇文章看来是确定无疑了。</p>
<p>是的，我wordpress博龄很短，但是收获可不小。</p>
<h3>总结一下，大事记：</h3>
<blockquote><p>2009.10 建站</p>
<p>2009.11 开始制作独特风格主题 <a href="http://www.qiqiboy.com/bluepaled"><strong>bluePaled</strong></a></p>
<p>2009.12 <a href="http://www.qiqiboy.com/bluepaled"><strong>bluePaled</strong></a>上线</p>
<p>2010.03 <a href="http://www.qiqiboy.com/little-wp-to-twitter"><strong>little wp to twitter</strong></a>插件发布</p>
<p>2010.07 最新主题<a href="http://www.qiqiboy.com/simpaled"><strong>SimPaled</strong></a>上线</p>
<p>2010.08 <a href="http://www.qiqiboy.com/plugins/wp-rc-reply-ajax"><strong>WP RC Reply AJAX</strong></a>插件发布</p>
<p>2010.09 <a href="http://www.qiqiboy.com/plugins/wave-your-theme"><strong>Wave Your Theme</strong></a>插件发布，<a href="http://www.qiqiboy.com/?preview_theme1=ajaxPaled" target="_blank"><strong><font color="#ff0000">ajaxPaled</font></strong></a>主题上线测试</p>
<p>2010.10 博客一周年之际，陆续发布了<a href="http://www.qiqiboy.com/plugins/enjoy-reading"><strong>WP Enjoy Reading</strong></a>、<a href="http://www.qiqiboy.com/plugins/wp-ajax-recent-posts"><strong>WP Ajax Recent Posts</strong></a>、<a href="http://www.qiqiboy.com/plugins/wp-ajax-random-posts"><strong>WP Ajax RandomPosts</strong></a>等三个文章效果增强插件。</p>
</blockquote>
<h3>一年来我都折腾过什么呢？</h3>
<blockquote><p><font color="#333333">2009.10 …</font></p>
<p><font color="#ff0000">2009.11</font> 我大概做了一件惊天动地的事，这事儿到现在我还没做过第二次，那就是进厨房：请看<a href="http://www.qiqiboy.com/2009/11/23/teach-you-to-do-stewed-pear-sugar.html"><strong>Look ! The 雪梨炖冰糖，我教你做。。~(@^_^@)~</strong></a></p>
<p><font color="#ff0000">2009.12</font> 我这个月换了新主题，look here <a href="http://www.qiqiboy.com/2009/12/13/something-about-my-theme-bluepaled.html"><strong>就用这个主题了，不换回老主题了。( ⊙o⊙?)</strong></a>；另外我也折腾了<a href="http://www.qiqiboy.com/2009/12/30/email-input-box-office-real-time-display-gravatar-picture.html"><strong>Email输入框处实时显示gravatar头像+email验证+动态信息提醒</strong></a>，还有<a href="http://www.qiqiboy.com/2009/12/22/add-a-cookie-to-the-log-with-the-latest-new-icon.html"><strong>美味小饼干——cookie实战之结合cookie给最新日志添加论坛式‘new’图标</strong></a></p>
<p><font color="#ff0000">2010.01</font> 我开始在自己博客上使用cms式首页，这种风格到现在我还在一直使用<a href="http://www.qiqiboy.com/2010/01/02/the-new-home-page-cms-go.html"><strong>新版CMS简式首页上线测试ing……</strong></a>，还介绍了<a href="http://www.qiqiboy.com/2010/01/04/wordpress-get-the-new-post-pictures.html"><strong>WordPress自动获取+调用页面主循环日志中的图片</strong></a>，当然还有<a href="http://www.qiqiboy.com/2010/01/08/a-home-page-need-the-things.html"><strong>一个首页不应该缺少的两项功能：置顶+日志预告</strong></a>，这个也不能忘<a href="http://www.qiqiboy.com/2010/01/13/wordpress-main-loop-control-precise-control-list-of-articles.html"><strong>WordPress主循环控制——精确控制文章列表</strong></a></p>
<p><em></em><font color="#333333">2010.02 …</font></p>
<p><font color="#ff0000">2010.03 <font color="#333333">我介绍了</font><a href="http://www.qiqiboy.com/2010/03/20/show-relative-date-and-time-the-wordpress-code-to.html"><strong>有关WordPress显示相对日期时间的代码</strong></a><font color="#333333">，还分享了</font><a href="http://www.qiqiboy.com/2010/03/25/wordpress-log-synchronous-updates-to-twitter.html"><strong>同步WordPress日志更新信息到twitter</strong></a><font color="#333333">以及这个方法的更新版</font><a href="http://www.qiqiboy.com/2010/03/30/sync-wordpress-log-updates-to-twitter.html"><strong>更新《同步WordPress日志更新信息到twitter》，添加标签信息同步</strong></a><em></em><em></em></font></p>
<p><font color="#ff0000">2010.04</font> 我还是抽空制作了<a href="http://www.qiqiboy.com/2010/04/01/plugin-little-wp-to-twitter.html"><strong>插件发布：little wp to twitter</strong></a></p>
<p>2010.05 …</p>
<p>2010.06 …</p>
<p><font color="#ff0000">2010.07</font> 我又开始折腾了，我折腾了很多，首先是wordpress无限嵌套的<a href="http://www.qiqiboy.com/2010/07/07/perfect-solution-wordpress-nested-layers-deep-back-problems.html"><strong>完美解决WordPress嵌套回复的层深问题（无限嵌套）&lt;一&gt;</strong></a>，还有如何通过JS自动处理文中的图片宽高，这个方法我一直在用哦：<a href="http://www.qiqiboy.com/2010/07/14/how-do-i-deal-with-the-article-picture.html"><strong>我是如何处理文章中图片的</strong></a>。想知道我评论框的那么多功能从哪里来的么，你看完这些你也能拥有和我评论框一样强大的功能了：<a href="http://www.qiqiboy.com/2010/07/14/a-simple-comment-box-counter.html"><strong>评论框的简单计数器（无需改动模板，附带输入字数限制功能）</strong></a>，<a href="http://www.qiqiboy.com/2010/07/15/easily-create-your-own-wordpress-quote-reply-function.html"><strong>添加引用按钮——轻松打造属于你的WordPress引用回复功能</strong></a>、<a href="http://www.qiqiboy.com/2010/07/26/to-comment-box-to-add-text-formatting-editor.html"><strong>为评论框添加文字格式化编辑器</strong></a>、<a href="http://www.qiqiboy.com/2010/07/28/colorful-comments.html"><strong>【多彩的评论】：让评论可以插入图片，更改文字大小、颜色</strong></a>、<a href="http://www.qiqiboy.com/2010/07/30/allows-you-to-paste-the-code-in-the-comments-box-free.html"><strong>让你的评论框自由粘贴代码</strong></a>、<a href="http://www.qiqiboy.com/2010/07/31/ajax-comments-amendment-on-a-small-problem.html"><strong>修正关于Ajax comments的一个小问题</strong></a>。还有关于如何创建邮件表单页面的<a href="http://www.qiqiboy.com/2010/07/17/create-a-set-of-built-in-email-contact-form-cookie.html"><strong>创建一个可设置cookie相关信息的内置Email联系表单</strong></a>；如果你也想要知道wordpress不同页面显示不同的评论数以及楼层的显示，那么这篇文章也许会给你帮助<a href="http://www.qiqiboy.com/2010/07/24/wordpress-specify-the-number-of-support-page-page-comment-on-the-floor-show.html"><strong>wordpress指定页面评论数+支持分页的楼层显示</strong></a></p>
<p><font color="#ff0000">2010.08</font> 我继续折腾，期间我<a href="http://www.qiqiboy.com/2010/08/04/trackback-style-changes.html"><strong>修改trackback样式，统一评论外观</strong></a>，也分享了这个修改中的一些涉及到的代码<a href="http://www.qiqiboy.com/2010/08/05/added-edit-trackback-style-in-the-code.html"><strong>补充《修改trackback样式，统一评论外观》中代码</strong></a>。这期间，我对ajax兴趣逐渐浓厚起来，所以便有了这个<a href="http://www.qiqiboy.com/2010/08/07/effect-of-adding-some-ajax-blog.html"><strong>博客加入若干Ajax效果</strong></a>。在折腾ajax、延迟加载中，我遇到了页面文档初始化的一些问题，于是查阅文档便有了这篇<a href="http://www.qiqiboy.com/2010/08/08/javascript-page-document-initialize-window-onload-alternative.html"><strong>JavaScript页面文档初始化 window.onload的替代办法</strong></a>；后来，我有了在侧边栏开发ajax即时评论的想法，于是便出现了<a href="http://www.qiqiboy.com/2010/08/10/ajax-version-comment-reply-feature-immediately-sidebar.html"><strong>【效果测试展示篇】Ajax版即时侧边栏评论回复功能</strong></a>，掉了几天大家的胃口，然后又简单的蜻蜓点水般<a href="http://www.qiqiboy.com/2010/08/13/ever-present-sidebar-instant-recovery-capabilities-comments.html"><strong>【原理指导篇】无时不在的评论 侧边栏即时回复功能</strong></a>。八月份期间，我的SimPaled主题基本上成型了，于是我将它介绍了给大家<a href="http://www.qiqiboy.com/2010/08/14/introduce-my-blog-theme-for-you-2.html"><strong>【SimPaled篇】Introduce My Blog Theme For You</strong></a>。很哟意思的是，我看到了腾讯微博的头像悬浮显示，于是便仿了下来<a href="http://www.qiqiboy.com/2010/08/16/visitor-information-tencent-suspended-micro-display.html"><strong>仿腾讯微博式访客信息悬浮显示（JavaScript &amp; ajax）</strong></a>。基于边栏评论，为了方便大家，我开发了<a href="http://www.qiqiboy.com/2010/08/20/wordpress-plugin-wp-rc-reply-ajax.html"><strong>插件发布：边栏最新评论及ajax回复——WP RC Reply AJAX</strong></a>。后来发现wordpress的无限嵌套的邮件回复有问题，于是有了<a href="http://www.qiqiboy.com/2010/08/23/perfect-solution-wordpress-unlimited-nested-2.html"><strong>完美解决wordpress无限嵌套&lt;二&gt; 【邮件发送相关问题】</strong></a>。因为SimPaled主题用到了很多延迟加载，所以有同学问我延迟加载怎样实现，于是我分享了自己当时的思路<a href="http://www.qiqiboy.com/2010/08/27/js-delayed-loading-mechanism-function-lazyload.html"><strong>JS延迟加载机制函数(Lazyload)</strong></a>。八月份最后一件事大概要算我在博客中曝光了中文spam里的那些极品好玩的spam吧<a href="http://www.qiqiboy.com/2010/08/31/chinese-circle-surrounding-wordpress-spam-fun.html"><strong>围观wordpress中文圈内好玩的spam</strong></a></p>
<p><font color="#ff0000">2010.09</font> 进入九月份，我无聊的几天便折腾了个读者墙，于是有了这两篇<a href="http://www.qiqiboy.com/2010/09/03/wall-display-of-my-readers-with-js-code-used.html"><strong>我的读者墙展示（附所用JS代码）</strong></a>、<a href="http://www.qiqiboy.com/2010/09/06/readers-wall-effect-picture-free-drag.html"><strong>读者墙效果【二】- 头像自由拖拽</strong></a>。这个月最激动人心的就是我发布了自己的ajaxPaled主题<a href="http://www.qiqiboy.com/2010/09/18/subvert-your-wordpress-experience-ajaxpaled.html"><strong><font color="#008000">颠覆你的wordpress体验–ajaxPaled(全站ajax，杂志型布局)</font></strong></a>。另外本月我也发布了一个主题预览插件，并起了个动感的名字<a href="http://www.qiqiboy.com/2010/09/23/wordpress-plugins-wave-your-theme.html"><strong>【插件发布】wordpress主题预览插件-Wave Your Theme（换装游戏）</strong></a></p>
<p><font color="#ff0000">2010.10</font> 十月份，有些事要结束了。开始，我又就着spam二代的一次“大攻击”，曝光了这些spam二代们：<a href="http://www.qiqiboy.com/2010/10/03/a-new-generation-of-super-silent-chinese-spam.html"><strong>超级无语的新一代中文spam</strong></a><em></em>。这个月我发布了<a href="http://www.qiqiboy.com/2010/10/04/wp-rc-reply-ajax-plugins-2-0-update.html"><strong>【重要更新】WP RC Reply AJAX插件2.0发布</strong></a>，这是一次重大的更新。我还介绍了wlw的一个插件<a href="http://www.qiqiboy.com/2010/10/07/highlight-the-code-on-the-windows-live-writer-plug-ins-code-snippet-2.html"><strong>关于windows live writer代码高亮插件——Code Snippet</strong></a>。另一个很重要的更新是，我开放了WP Rc Reply Ajax插件的接口，<a href="http://www.qiqiboy.com/2010/10/08/wp-rc-reply-ajax-plug-in-open-common-interface.html"><strong>WP RC Reply AJAX插件开放公用接口，附修改版ajax-comments.js</strong></a>。刚刚不久前，就昨天，我发布了自己的基于ajaxPaled开发的有一个插件<a href="http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html">【<strong>插件发布】WP Enjoy Reading(尽享阅读)</strong></a>。</p>
</blockquote>
<p>以上就是我一年来的成果，期间也有过好长一段时间几乎是没碰wordpress，大概就是从10年3月份到6月底这期间，虽然其间还开发了一个插件，但是其实我真的没怎么关注wordpress这块。这段时间博客的流量和alexa排名也是从30W掉到了快70W+。</p>
<p>  <span id="more-2545"></span><br />
<h3>一年来有没有特别感慨的博友？</h3>
<p>有两个人让我非常感慨，一个是我刚接触wordpress时认识的一位博友，<a href="http://www.whisperer.name/"><strong>whisperer</strong></a>。他貌似在百度空间的博客挺火的，去年暑假来到wordpress后也很快火了一段时间，但是却在wordpress呆了几个月后，又悄无声息的回到了百度空间，消失的无痕无迹。还有一个是我今年6月底又开始折腾起wordpress时，一个叫<a href="http://amangs.com/"><strong>阿邙</strong></a>的很活跃的博友，也给我留下了很深的印象，但是它却也还是很快的就又消失不见了，仿佛蒸发了般。</p>
<p>当然了，消失的人有很多，但是我印象里很深的就是上面两位了。我也希望他们两个能在什么时候突然又回来，至少他们的博客到目前为止还一直可以打开。</p>
<h3>最后还有什么要说的</h3>
<p>啥东西都会更新换代，wordpress在更新换代，wordpress使用人群也在更新换代。只是希望所有人能在这个圈子中活的尽量的久些吧，毕竟，我不喜欢两个人熟悉的过程，包括博客间。</p>
<p>其实一年来也认识了很多好朋友，这里就不一一点名了，我脑子不灵光，万一少点了某人，招来对我的小怨恨就不好啦。。。<img style="border-bottom-style: none; border-left-style: none; border-top-style: none; border-right-style: none" class="wlEmoticon wlEmoticon-openmouthedsmile" alt="大笑" src="http://www.qiqiboy.com/wp-content/uploads/2010/Hello-wordpress_14C11/wlEmoticon-openmouthedsmile.png" /></p>
<p><img style="margin: ; padding-left: ; padding-right: ; display: inline; padding-top: " title="screenshot" alt="screenshot" src="http://www.qiqiboy.com/wp-content/uploads/2010/Hello-wordpress_14C11/screenshot.jpg" width="818" height="366" /></p>
<ul class="related_post"><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/01/HTML5-HTML5.jpg&amp;h=100&amp;w=100&amp;zc=1" alt="咳、、I&rsquo;m still here." class="thumb" /><a href="http://www.qiqiboy.com/2011/01/14/i-am-still-here.html" title="咳、、I&rsquo;m still here.">咳、、I&rsquo;m still here.</a> (48)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/10/menue.PNG&amp;h=100&amp;w=100&amp;zc=1" alt="wordpress主题&mdash;&mdash;SimPaled" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/30/wordpress-theme-simpaled-1-0.html" title="wordpress主题&mdash;&mdash;SimPaled">wordpress主题&mdash;&mdash;SimPaled</a> (36)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/wordpressWaveYourTheme_4EC0/5677.png&amp;h=100&amp;w=100&amp;zc=1" alt="【插件发布】wordpress主题预览插件-Wave Your Theme（换装游戏）" class="thumb" /><a href="http://www.qiqiboy.com/2010/09/23/wordpress-plugins-wave-your-theme.html" title="【插件发布】wordpress主题预览插件-Wave Your Theme（换装游戏）">【插件发布】wordpress主题预览插件-Wave Your Theme（换装游戏）</a> (70)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/themes/windPaled/images/default-thumb.jpg&amp;h=100&amp;w=100&amp;zc=1" alt="【SimPaled篇】Introduce My Blog Theme For You" class="thumb" /><a href="http://www.qiqiboy.com/2010/08/14/introduce-my-blog-theme-for-you-2.html" title="【SimPaled篇】Introduce My Blog Theme For You">【SimPaled篇】Introduce My Blog Theme For You</a> (77)</li><li class="last"><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/smc-plugin.gif&amp;h=100&amp;w=100&amp;zc=1" alt="Social Medias Connect V1.3发布 新增图片同步" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html" title="Social Medias Connect V1.3发布 新增图片同步">Social Medias Connect V1.3发布 新增图片同步</a> (25)</li></ul><p><strong>声明:</strong> 本站遵循 <a href="http:\/\/creativecommons.org/licenses/by-nc-sa/3.0/">署名-非商业性使用-相同方式共享 3.0</a> 共享协议. 转载请注明转自 <a href="http://www.qiqiboy.com">I'm qiqiboy !</a> </p> <p>本文地址: <a href="http://qiqi.boy.im/94">http://qiqi.boy.im/94<a></p><span style="background:#cc5566;color:#fffff;"><h4>Look, this post is replyed so hot, let's go O(∩_∩)O~.</h4></span><h3>Related comments</h3><ul><li>2011年09月7日, <a href="http://www.qiqiboy.com/2010/10/12/hello-wordpress-2010.html#comment-12849">sinosoho</a> say: 在找建博模板,这个有点不错!</li><li>2010年10月27日, <a href="http://www.qiqiboy.com/2010/10/12/hello-wordpress-2010.html#comment-7549">sell this domain at sedo</a> say: I was going to leave a comment on this blog, then changed my mind. Do you mind me asking what theme theme this is? Is it easy to customize? I Thank You in advance, Felix. I love the feel of your theme. You mind sharing the name of the themeyou are currently using? Thanks a bunch, Joanne.</li><li>2010年10月13日, <a href="http://www.qiqiboy.com/2010/10/12/hello-wordpress-2010.html#comment-6980">insect</a> say: 一周年了啊，恭喜恭喜</li><li>2010年10月13日, <a href="http://www.qiqiboy.com/2010/10/12/hello-wordpress-2010.html#comment-6973">QiQiBoY</a> say: <a href="#comment-6971" rel="nofollow">@A.shun </a> 
看看、、看看。。还是你这位资深loli控懂得多。。学习了。。 <img src='http://www.qiqiboy.com/wp-content/themes/windPaled/images/smiles/icon_biggrin.gif' alt=':grin:' class='wp-smiley' /> </li><li>2010年10月13日, <a href="http://www.qiqiboy.com/2010/10/12/hello-wordpress-2010.html#comment-6971">A.shun</a> say: <a href="#comment-6963" rel="nofollow">@QiQiBoY </a> 
10月11就是Loli节啊。。。要百科一下了。

 <img src='http://www.qiqiboy.com/wp-content/themes/windPaled/images/smiles/icon_mrgreen.gif' alt=':mrgreen:' class='wp-smiley' />  哼哼，加上上次的图，种种迹象表明</li><li>2010年10月13日, <a href="http://www.qiqiboy.com/2010/10/12/hello-wordpress-2010.html#comment-6969">IM路人</a> say: <a href="#comment-6958" rel="nofollow">@QiQiBoY </a> 
试了很多地方都不行，mail to comments 也不能显示表情图片，感觉是同一个问题，算了，先放一边以后再弄，还是谢谢</li><li>2010年10月13日, <a href="http://www.qiqiboy.com/2010/10/12/hello-wordpress-2010.html#comment-6963">QiQiBoY</a> say: <a href="#comment-6960" rel="nofollow">@A.shun </a> 
这个日子怎么和loli控关系起来了呢。。。。再说我也不是那啥控。。 <img src='http://www.qiqiboy.com/wp-content/themes/windPaled/images/smiles/icon_twisted.gif' alt=':twisted:' class='wp-smiley' /> </li><li>2010年10月13日, <a href="http://www.qiqiboy.com/2010/10/12/hello-wordpress-2010.html#comment-6962">QiQiBoY</a> say: <a href="#comment-6961" rel="nofollow">@lostab </a> 
是这样的。。。</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.qiqiboy.com/2010/10/12/hello-wordpress-2010.html/feed</wfw:commentRss>
		<slash:comments>75</slash:comments>
		</item>
		<item>
		<title>【插件发布】WP Enjoy Reading(尽享阅读)</title>
		<link>http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html</link>
		<comments>http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html#comments</comments>
		<pubDate>Sun, 10 Oct 2010 06:07:47 +0000</pubDate>
		<dc:creator>qiqiboy</dc:creator>
				<category><![CDATA[plugin]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WP-Enjoy-Reading]]></category>
		<category><![CDATA[尽享阅读]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html</guid>
		<description><![CDATA[<img style="border-bottom: ; border-left: ; margin: ; padding-left: ; padding-right: ; display: inline; border-top: ; border-right: ; padding-top: " title="wp enjoy reading" alt="wp enjoy reading" src="http://www.qiqiboy.com/wp-content/uploads/2010/8c442710e869_BD9F/wp-enjoy-reading.png" width="580" height="257" /><p>最后，我来解释一下<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>插件的工作原理，也许有些同学对这个有些兴趣。<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>插件一共有两个JS文件，base.js文件负责插件启用后被加载到页面上，用来负责进入EnjoyReading前的准备工作。当你点击<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>的入口链接地址时，base.js负责在你的页面上生成script和link标签，然后将所需要的wp-enjoy-reading.js和wp-enjoy-reading.css文件加载到页面上。wp-enjoy-reading.js就是<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>工作的主要脚本了，它加载成功后会去请求相应数据，数据返回成功后会将生成的内容替换掉你的页面上整个body里的内容。然后你就成功的切换到EnjoyReading(尽享阅读)模式了。从现在开始，你可以体验美妙的<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>带来的快感了。</p>]]></description>
			<content:encoded><![CDATA[<blockquote><p><font color="#008040">爱WP，爱折腾，爱写blog，也爱不花一毛的免费主题，更爱特效全开的优秀主题。我不是神马主题， 我是一款插件，我是Enjoy Reading，尽享阅读。</font></p>
</blockquote>
<blockquote><p><strong>Plugin Name</strong>: <strong><a href="http://http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank">WP Enjoy Reading</a></strong><strong>        <br />Plugin URI</strong>: <a href="http://www.qiqiboy.com/plugins/">http://www.qiqiboy.com/plugins/</a>       <br /><strong>Description</strong>: Just enjoy reading for your wordpress weblog. It could make you focus on the blog content, and enjoy the fun from reading posts.       <br /><strong>Version</strong>: 1.0.0       <br /><strong>Author</strong>: QiQiBoY       <br /><strong>Author URI</strong>: <a href="http://www.qiqiboy.com">http://www.qiqiboy.com</a>       <br /><strong>Download:</strong> <a href="http://wordpress.org/extend/plugins/wp-enjoy-reading/">http://wordpress.org/extend/plugins/wp-enjoy-reading/</a></p>
<hr />
<p><strong>插件名称</strong>：<strong>WP Enjoy Reading</strong><strong> </strong>（尽享阅读）       <br /><strong>插件描述</strong>：前所未有的wordpress主题体验，它让访客专注于你博客内容的阅读汲取，心无旁婺，尽享阅读。       <br /><strong>当前版本</strong>：1.0.0       <br /><strong>插件作者</strong>：QiQiBoY       <br /><strong>插件简介</strong>：</p>
<p>1. 基于全站ajax构建的一款以插件形式发布的wordpress主题。</p>
<p>2. 它提供了你一种前所未有，闻所未闻的wordpress主题形式，让你<strong>专注于博客内容，尽享阅读博文</strong>的乐趣。</p>
<ul>
<p>3. 就用它来享受美妙的wordpress阅读吧</p>
<p>4. 它带来了一种你之前从未有过的wordpress使用体验。</p>
<p>5. WP Enjoy Reading 用仅仅不到700行的脚本，却提供了几乎是全站式的ajax体验，不用再去追求可怜的伪ajax、过时的动态加载甚至是蛋疼的tab内容切换隐藏。。高效的数据缓存保证所请求数据的重复利用。。。</p>
<p>6. 虽然WP Enjoy Reading的CSS文件达到28KB，两个JS文件加起来也有15KB左右，但是不必担心，这些玩意儿在进入阅读模式前是不会加载到你的页面上的。。。其实只有一个4KB的JS文件会在页面引入。。。</p>
<p>7. WP Enjoy Reading会自动提取你文章中的图片，自动为你生成风格迥异，充满杂志格调的文章排版，无论你是纯文字博客，还是摄影博客，亦或是技术类，你都可以轻松变为一本《读者》、一本《国家地理》、一本《程序员》&#8230;</p>
<p>8. 没错，WP Enjoy Reading来自于对QQ Reader的山寨，还有什么会比山寨了从来都是山寨别人的腾讯的产品更让人兴奋的呢？当然，WP Enjoy Reading也不仅仅山寨，它也带来自己的创意。</p>
<p><strong><font color="#ff0000"><font color="#000000">插件下载</font><font size="1"><sup>HOT</sup></font></font></strong>：<a href="http://wordpress.org/extend/plugins/wp-enjoy-reading/" target="_blank"><strong><u>官方目录</u></strong></a></p>
<p><strong>插件预览:</strong> 请到我的<a href="http://www.qiqiboy.com/demo/" target="_blank"><font color="#0000ff"><strong>DEMO站</strong></font></a>查看效果，点击边栏的尽享阅读小工具下的链接即可开启Enjoy Reading模式。</p>
<p>另外，你可以预览我的<a href="http://www.qiqiboy.com/?preview_theme1=ajaxPaled" target="_blank"><font color="#0000ff"><strong>ajaxPaled</strong></font></a>主题，它是WP Enjoy Reading插件的开发原型，不出意外，WP Enjoy Reading插件的功能会朝着ajaxPaled发展。ajaxPaled主题请点击博客右下角的【<a href="http://www.qiqiboy.com/plugins/wave-your-theme" target="_blank"><font color="#c0504d"><strong>换装游戏</strong></font></a>】插件来切换到ajaxPaled主题，或者直接点击左上角的【<strong>阅读模式</strong>】链接。</p>
</ul>
</blockquote>
<p>  <span id="more-2542"></span>
<p>最后，我来解释一下<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>插件的工作原理，也许有些同学对这个有些兴趣。<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>插件一共有两个JS文件，base.js文件负责插件启用后被加载到页面上，用来负责进入EnjoyReading前的准备工作。当你点击<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>的入口链接地址时，base.js负责在你的页面上生成script和link标签，然后将所需要的wp-enjoy-reading.js和wp-enjoy-reading.css文件加载到页面上。wp-enjoy-reading.js就是<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>工作的主要脚本了，它加载成功后会去请求相应数据，数据返回成功后会将生成的内容替换掉你的页面上整个body里的内容。然后你就成功的切换到EnjoyReading(尽享阅读)模式了。从现在开始，你可以体验美妙的<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>带来的快感了。</p>
<p>通过上面的原理解释，可以发现，<a href="http://http://www.qiqiboy.com/plugins/enjoy-reading" target="_blank"><strong>WP Enjoy Reading</strong></a>整个过程中其实只在你页面中预加载了base.js这个文件，所以，就此而言，它几乎不会对你的页面访问造成任何影响。更妙的是，你可以将base.js整合到你自己的页面JS文件中，那么就不会多出一个单独的文件了，相当于减少了一个页面请求。</p>
<p>如果你还有任何疑问，请留言或者与我邮件联系（我的<a href="http://www.qiqiboy.com/contact" target="_blank"><font color="#008000">联系方式页面</font></a>）。<img style="margin: ; padding-left: ; padding-right: ; display: inline; padding-top: " title="wp enjoy reading" alt="wp enjoy reading" src="http://www.qiqiboy.com/wp-content/uploads/2010/8c442710e869_BD9F/wp-enjoy-reading.png" width="580" height="257" /></p>
<ul class="related_post"><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/10/sc.png&amp;h=100&amp;w=100&amp;zc=1" alt="【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html" title="【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能">【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能</a> (41)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/WP-Enjoy-Reading-_CDC6/wp-enjoy-reading.jpg&amp;h=100&amp;w=100&amp;zc=1" alt="WP Enjoy Reading 代码注释，看这儿" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html" title="WP Enjoy Reading 代码注释，看这儿">WP Enjoy Reading 代码注释，看这儿</a> (59)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/WP-Enjoy-Reading_B3A2/wp-enjoy-reading.png&amp;h=100&amp;w=100&amp;zc=1" alt="关于WP Enjoy Reading的一些说明和答疑" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/14/about-wp-enjoy-reading-some-of-the-instructions-and-answering.html" title="关于WP Enjoy Reading的一些说明和答疑">关于WP Enjoy Reading的一些说明和答疑</a> (30)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/smc-plugin.gif&amp;h=100&amp;w=100&amp;zc=1" alt="Social Medias Connect V1.3发布 新增图片同步" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html" title="Social Medias Connect V1.3发布 新增图片同步">Social Medias Connect V1.3发布 新增图片同步</a> (25)</li><li class="last"><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/5170a77cb374_107F8/wp-rc-reply-ajax.png&amp;h=100&amp;w=100&amp;zc=1" alt="【重要更新】WP RC Reply AJAX插件2.0发布" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/04/wp-rc-reply-ajax-plugins-2-0-update.html" title="【重要更新】WP RC Reply AJAX插件2.0发布">【重要更新】WP RC Reply AJAX插件2.0发布</a> (49)</li></ul><p><strong>声明:</strong> 本站遵循 <a href="http:\/\/creativecommons.org/licenses/by-nc-sa/3.0/">署名-非商业性使用-相同方式共享 3.0</a> 共享协议. 转载请注明转自 <a href="http://www.qiqiboy.com">I'm qiqiboy !</a> </p> <p>本文地址: <a href="http://qiqi.boy.im/93">http://qiqi.boy.im/93<a></p><span style="background:#cc5566;color:#fffff;"><h4>Look, this post is replyed so hot, let's go O(∩_∩)O~.</h4></span><h3>Related comments</h3><ul><li>2011年05月16日, <a href="http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html#comment-11246">hyperliang</a> say: 太帅了！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！</li><li>2011年04月24日, <a href="http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html#comment-10918">QiQiBoY</a> say: <a href="#comment-10917" rel="nofollow">@千与琥珀 </a> 
好的，问题我已看过，会尽快修复的。。感谢反馈</li><li>2011年04月24日, <a href="http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html#comment-10917">千与琥珀</a> say: 链接我已经放在侧边栏了文字是“点击进入阅读模式” <img src='http://www.qiqiboy.com/wp-content/themes/windPaled/images/smiles/icon_smile.gif' alt=':smile:' class='wp-smiley' /> </li><li>2011年04月20日, <a href="http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html#comment-10863">千与琥珀</a> say: 我遇到的故障和klant遇到的一样，因为我现在在学校，无法管理网站，插件我已经在后台启动了，你可以请求一下插件的链接看看
@QiQiBoY</li><li>2011年04月18日, <a href="http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html#comment-10848">klant</a> say: <a href="#comment-10844" rel="nofollow">@QiQiBoY </a> 
郁闷，原来名字怎么弄成kl了。我的博客地址：http://klant.cn 页面右侧第一个就可以进入尽享阅读。只可以显示图片，不知道为什么文字显示不出来。谢谢了。帮忙测试下。</li><li>2011年04月17日, <a href="http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html#comment-10844">QiQiBoY</a> say: <a href="#comment-10833" rel="nofollow">@千与琥珀 </a> <a href="#comment-10338" rel="nofollow">@kl </a> 
你能将你们的线上地址提供给我吗，我去帮你测试下</li><li>2011年04月17日, <a href="http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html#comment-10833">千与琥珀</a> say: 我测试了好几遍，文章还是无法显示~
甚至所有插件都关闭了还是无法显示正文，评论与正文的图片就能正常的显示</li><li>2011年03月16日, <a href="http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html#comment-10338">kl</a> say: 您好，我用了你的插件，但是文章不显示，请问怎么解决？</li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.qiqiboy.com/2010/10/10/wordpress-plugin-wp-enjoy-reading.html/feed</wfw:commentRss>
		<slash:comments>133</slash:comments>
		</item>
		<item>
		<title>关于windows live writer代码高亮插件&#8212;&#8212;Code Snippet</title>
		<link>http://www.qiqiboy.com/2010/10/07/highlight-the-code-on-the-windows-live-writer-plug-ins-code-snippet-2.html</link>
		<comments>http://www.qiqiboy.com/2010/10/07/highlight-the-code-on-the-windows-live-writer-plug-ins-code-snippet-2.html#comments</comments>
		<pubDate>Thu, 07 Oct 2010 14:00:32 +0000</pubDate>
		<dc:creator>qiqiboy</dc:creator>
				<category><![CDATA[windows]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[writer]]></category>
		<category><![CDATA[代码]]></category>
		<category><![CDATA[插件]]></category>

		<guid isPermaLink="false">http://www.qiqiboy.com/2010/10/07/highlight-the-code-on-the-windows-live-writer-plug-ins-code-snippet-2.html</guid>
		<description><![CDATA[<p>中间的是html注释，是不在页面上显示的。原来之前遇到插件生成的高亮代码的偶数行比奇数行高，都是这对&#60;p&#62;标签在搞怪。。。而我使用margin负值来强制偶数行与奇数行一样高，结果在ajaxPaled下没有了这个&#60;p&#62;标签干扰，所以反而使得两行两行的都挤在了一块。</p>

<p>ajaxPaled是通过ajax方式请求文章内容，文章内容使用然后通过JS显示的，而其他主题都是使用wordpress的the_content()函数直接输出的，所以我怀疑之所以多出这么个空标签，应该是wordpress在处理内容输出时自动给加上的。不过这个也好办，直接通过对the_content使用勾子过滤掉这些标签就行了。 </p><img style="margin: ; padding-left: ; padding-right: ; display: inline; padding-top: " title="4556" alt="4556" src="http://www.qiqiboy.com/wp-content/uploads/2010/3b06df36f7c7_12DB0/4556.png" width="636" height="443" />]]></description>
			<content:encoded><![CDATA[<p>MSN空间已经遭废弃，用户被赶往wordpress，微软刚刚发布的live套件中的writer也已经将wordpress设为默认blog发布地址。虽然这里的wordpress是指wordpress.com的wp博客，并不是我们使用wordpress程序搭建的博客，但是wlw与wordpress程序对于XML-RPC发布协议的良好支持使得wlw配置相当简单，目前来说甚至只需输入博客地址和用户名、密码，就可以自动完成检测、配置工作。</p>
<p>当然，我现在不是来讲如何使用wlw的，我要说的是wlw的一个插件——Code Snippet。这是一个代码高亮插件（其实高亮功能很弱），我从开始使用wlw写博就开始使用这个插件了。但是我一直发现存在一个问题，那就是这个插件默认的生成的代码格式在博客上显示并不是很整齐，偶数行明显的高度比奇数行高。。还好，这个Code Snippet支持自定义代码样式，所以我就通过修改插件配置，使得偶数行通过margin-top设置一个负数值来使得偶数行和奇数行变得一样高。</p>
<p>  <span id="more-2540"></span>
<p>如果我不折腾<a href="http://www.qiqiboy.com/?preview_theme1=ajaxPaled" target="_blank">ajaxPaled</a>这个主题，也许以上我修改过的Code Snippet插件就可以很好的继续使用了。但是正是我折腾了ajaxPaled，我才发现之前博客中所贴的代码在ajaxPaled下都挤作了一团。我通过查看网页源码，发现原来是其他主题下的代码偶数行比ajaxPlaed下的多了一串空的&lt;p&gt;标签: </p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="color: #0000ff">&lt;</span><span style="color: #800000">p</span><span style="color: #0000ff">&gt;&lt;!</span><span style="color: #800000">--CRLF--</span><span style="color: #0000ff">&gt;&lt;/</span><span style="color: #800000">p</span><span style="color: #0000ff">&gt;</span></pre>
</div>
</div>
<p>中间的是html注释，是不在页面上显示的。原来之前遇到插件生成的高亮代码的偶数行比奇数行高，都是这对&lt;p&gt;标签在搞怪。。。而我使用margin负值来强制偶数行与奇数行一样高，结果在ajaxPaled下没有了这个&lt;p&gt;标签干扰，所以反而使得两行两行的都挤在了一块。</p>
<p>ajaxPaled是通过ajax方式请求文章内容，文章内容使用然后通过JS显示的，而其他主题都是使用wordpress的the_content()函数直接输出的，所以我怀疑之所以多出这么个空标签，应该是wordpress在处理内容输出时自动给加上的。不过这个也好办，直接通过对the_content使用勾子过滤掉这些标签就行了。 </p>
<div style="border-bottom: silver 1px solid; text-align: left; border-left: silver 1px solid; padding-bottom: 4px; line-height: 12pt; background-color: #f4f4f4; margin: 20px 0px 10px; padding-left: 4px; width: 97.5%; padding-right: 4px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; font-size: 8pt; overflow: auto; border-top: silver 1px solid; cursor: text; border-right: silver 1px solid; padding-top: 4px" id="codeSnippetWrapper">
<div style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px" id="codeSnippet">
<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px"><span style="color: #0000ff">function</span> filter_code_snippet($content){</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">    $content = str_replace(<span style="color: #006080">'&lt;p&gt;&lt;!--CRLF--&gt;&lt;/p&gt;'</span>, <span style="color: #006080">''</span>, $content);</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">    <span style="color: #0000ff">return</span> $content;</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: #f4f4f4; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">}</pre>

<pre style="border-bottom-style: none; text-align: left; padding-bottom: 0px; line-height: 12pt; background-color: white; margin: 0px; border-left-style: none; padding-left: 0px; width: 100%; padding-right: 0px; font-family: &#39;Courier New&#39;, courier, monospace; direction: ltr; border-top-style: none; color: black; border-right-style: none; font-size: 8pt; overflow: visible; padding-top: 0px">add_filter(<span style="color: #006080">'the_content'</span>, <span style="color: #006080">'filter_code_snippet'</span>);</pre>
</div>
</div>
<p>然后就不会再在页面上输出那对蛋疼的&lt;p&gt;标签了。</p>
<p>我将Code Snippet的样式设置恢复默认，重新生成高亮代码，发布后一看，果然行行整齐，ajaxPaled和SimPaled下都表现一致了。<img style="margin: ; padding-left: ; padding-right: ; display: inline; padding-top: " title="4556" alt="4556" src="http://www.qiqiboy.com/wp-content/uploads/2010/3b06df36f7c7_12DB0/4556.png" width="636" height="443" /></p>
<ul class="related_post"><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/WP-Enjoy-Reading-_CDC6/wp-enjoy-reading.jpg&amp;h=100&amp;w=100&amp;zc=1" alt="WP Enjoy Reading 代码注释，看这儿" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/18/wp-enjoy-reading-the-code-comments-see-here.html" title="WP Enjoy Reading 代码注释，看这儿">WP Enjoy Reading 代码注释，看这儿</a> (59)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/06/5.png&amp;h=100&amp;w=100&amp;zc=1" alt="wordpress的微博时间显示方法" class="thumb" /><a href="http://www.qiqiboy.com/2011/06/10/sina-weibo-timestamp-function-2.html" title="wordpress的微博时间显示方法">wordpress的微博时间显示方法</a> (18)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/04/smc-plugin.gif&amp;h=100&amp;w=100&amp;zc=1" alt="Social Medias Connect V1.3发布 新增图片同步" class="thumb" /><a href="http://www.qiqiboy.com/2011/04/21/social-medias-connect-v1-3.html" title="Social Medias Connect V1.3发布 新增图片同步">Social Medias Connect V1.3发布 新增图片同步</a> (25)</li><li><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2011/02/confirm.png&amp;h=100&amp;w=100&amp;zc=1" alt="javascript自定义Dialog对话框(alert, confirm, prompt) -- (一)" class="thumb" /><a href="http://www.qiqiboy.com/2011/02/22/custom-javascript-dialog-alert-prompt.html" title="javascript自定义Dialog对话框(alert, confirm, prompt) &#8212; (一)">javascript自定义Dialog对话框(alert, confirm, prompt) &#8212; (一)</a> (31)</li><li class="last"><img src="http://www.qiqiboy.com/wp-content/themes/windPaled/timthumb.php?src=http://www.qiqiboy.com/wp-content/uploads/2010/10/sc.png&amp;h=100&amp;w=100&amp;zc=1" alt="【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能" class="thumb" /><a href="http://www.qiqiboy.com/2010/10/31/wp-enjoy-reading-update-1-2.html" title="【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能">【插件更新】WP Enjoy Reading更新1.2，新增炫彩换肤功能</a> (41)</li></ul><p><strong>声明:</strong> 本站遵循 <a href="http:\/\/creativecommons.org/licenses/by-nc-sa/3.0/">署名-非商业性使用-相同方式共享 3.0</a> 共享协议. 转载请注明转自 <a href="http://www.qiqiboy.com">I'm qiqiboy !</a> </p> <p>本文地址: <a href="http://qiqi.boy.im/8z">http://qiqi.boy.im/8z<a></p><span style="background:#cc5566;color:#fffff;"><h4>Look, this post is replyed so hot, let's go O(∩_∩)O~.</h4></span><h3>Related comments</h3><ul><li>2011年12月9日, <a href="http://www.qiqiboy.com/2010/10/07/highlight-the-code-on-the-windows-live-writer-plug-ins-code-snippet-2.html#comment-16313">悲催的Code Snippet | The Jie&#039;s World</a> say: [...] 刚开始用的时候也是发现这个插件的偶数行要比奇数行高出很多，后来看了关于windows live writer代码高亮插件——Code Snippet，发现是&lt;!&#8211;CRLF&#8211;&gt;注释的问题，去掉这个果然就好了。 [...]</li><li>2011年11月17日, <a href="http://www.qiqiboy.com/2010/10/07/highlight-the-code-on-the-windows-live-writer-plug-ins-code-snippet-2.html#comment-15632">arik</a> say: 用此方法解决了问题，但是！！ 复制代码再粘贴，代码没有格式了，没有换行了，全部代码连成一堆</li><li>2011年02月28日, <a href="http://www.qiqiboy.com/2010/10/07/highlight-the-code-on-the-windows-live-writer-plug-ins-code-snippet-2.html#comment-10071">Windows Live Writer 插件Code Snippet 在wordpress 显示的问题 | Chaoswork</a> say: [...] 《关于windows live writer代码高亮插件——Code Snippet》 [...]</li><li>2011年02月24日, <a href="http://www.qiqiboy.com/2010/10/07/highlight-the-code-on-the-windows-live-writer-plug-ins-code-snippet-2.html#comment-10048">何苦呢</a> say: 第一次看到这种风格的主题 博客头部更是充满了遐想</li><li>2011年02月15日, <a href="http://www.qiqiboy.com/2010/10/07/highlight-the-code-on-the-windows-live-writer-plug-ins-code-snippet-2.html#comment-10011">有点蓝</a> say: 这个不算修改wp源码吧  对其他文章会不会有不可知的问题？</li><li>2011年02月5日, <a href="http://www.qiqiboy.com/2010/10/07/highlight-the-code-on-the-windows-live-writer-plug-ins-code-snippet-2.html#comment-9964">解决2011版本Windows Live Writer插件Code Snippet在wordpress的显示问题 | Girl is coding</a> say: [...] 　　一般的博客p标签的定义是有作用的，不能删。那么现在的办法就是过滤标签。我因为刚接触wordpress，刚开始没想到这个方案，最后是通过另外一篇博文《关于windows live writer 代码高亮插件——Code Snippet》找到解决方案的。 [...]</li><li>2011年02月5日, <a href="http://www.qiqiboy.com/2010/10/07/highlight-the-code-on-the-windows-live-writer-plug-ins-code-snippet-2.html#comment-9958">Tinker</a> say: <a href="#comment-9956" rel="nofollow">@QiQiBoY </a> 
谢谢你的帮助，非常完美的解决了问题～～我排除掉我主题里面的CSS问题后，然后检查了数据库的源代码。最根本的问题在于add_filter('the_content', 'filter_code_snippet');的the_content，我将其改为了content_save_pre，就可以了。
具体原因可见：http://www.girlcoding.com/2011/02/codesnippet-wordpress/
附上链接，以便别人更快解决问题。
@@ 另外，我不小心把我的名字敲错了，哈哈，能否改回来？我叫 Tinker</li><li>2011年02月5日, <a href="http://www.qiqiboy.com/2010/10/07/highlight-the-code-on-the-windows-live-writer-plug-ins-code-snippet-2.html#comment-9956">QiQiBoY</a> say: <a href="#comment-9955" rel="nofollow">@Tinkre </a> 
你好，代码需要添加到主题目录中的function.php中 <img src='http://www.qiqiboy.com/wp-content/themes/windPaled/images/smiles/icon_redface.gif' alt=':oops:' class='wp-smiley' /> </li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.qiqiboy.com/2010/10/07/highlight-the-code-on-the-windows-live-writer-plug-ins-code-snippet-2.html/feed</wfw:commentRss>
		<slash:comments>55</slash:comments>
		</item>
	</channel>
</rss>

