<?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>A.shun Blog &#187; Blog</title>
	<atom:link href="http://www.a-shun.com/archives/category/blog/feed" rel="self" type="application/rss+xml" />
	<link>http://www.a-shun.com</link>
	<description>A.shun （@ashunyi）的个人网站。a-shun 分享着 Opera 浏览器使用技巧和 Opera 教程。折腾 Wordpress 主题，也会推荐新番动漫、分享软件和在线服务。</description>
	<lastBuildDate>Sat, 28 Jan 2012 02:32:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>博客两周年，平稳和延续</title>
		<link>http://www.a-shun.com/archives/21461.html</link>
		<comments>http://www.a-shun.com/archives/21461.html#comments</comments>
		<pubDate>Sat, 16 Apr 2011 13:51:05 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[节日]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21461</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/blog"><img style="float: right;" title="Blog" src="http://img.a-shun.com/tag/blog.gif" alt="Blog" /></a>A.shun Blog 两周年了。<br />
不知不觉啊。（这回真是不知不觉，正确的时间是 4 月 14 号。。。Orz</p>
<p>虽然这不是需要庆祝的事情。<br />
但普遍认为能持续两年以上的独立博客也算资深了，还是回顾并赞赏自己一下，yohohoho～[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21461.html">博客两周年，平稳和延续</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/blog"><img style="float: right;" title="Blog" src="http://img.a-shun.com/tag/blog.gif" alt="Blog" /></a>A.shun Blog 两周年了。<br />
不知不觉啊。（这回真是不知不觉，正确的时间是 4 月 14 号。。。Orz</p>
<p>虽然这不是需要庆祝的事情。<br />
但普遍认为能持续两年以上的独立博客也算资深了，还是回顾并赞赏自己一下，yohohoho～<span id="more-21461"></span></p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">博客两周年感谢</h2>
<p>道心，by Rin’ （渣音质请见谅  ╮(￣▽￣)╭<br />
最近网络很差，skydrive 的外链很多人反映听不了，加个 <a rel="nofollow" href="http://cid-acbdf7f6857d164a.office.live.com/self.aspx/.Public/Music/%e9%81%93%e5%bf%83.mp3">mp3 链接</a>吧。<br />
<object type="application/x-shockwave-flash" data="http://www.a-shun.com/wp-content/uploads/player.swf?soundFile=http://storage.live.com/items/ACBDF7F6857D164A!243?filename=%E9%81%93%E5%BF%83.mp3&bg=0xf8f8f8&leftbg=0xeeeeee&lefticon=0x333333&rightbg=0xcccccc&rightbghover=0x999999&righticon=0x333333&righticonhover=0xFFFFFF&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loader=0x009900&loop=no&autostart=no" width="290" height="30" wmode="transparent" allowscriptaccess="always">
<param name="audio" value="http://www.a-shun.com/wp-content/uploads/player.swf?soundFile=http://storage.live.com/items/ACBDF7F6857D164A!243?filename=%E9%81%93%E5%BF%83.mp3&bg=0xf8f8f8&leftbg=0xeeeeee&lefticon=0x333333&rightbg=0xcccccc&rightbghover=0x999999&righticon=0x333333&righticonhover=0xFFFFFF&text=0x666666&slider=0x666666&track=0xFFFFFF&border=0x666666&loader=0x009900&loop=no&autostart=no" />
</object><br />
比起<a href="http://www.a-shun.com/archives/21353.html">博客一周年</a>的时候，并没有太值得骄傲的成绩。但各方面都更趋于<strong>平稳</strong>，尤其是心态上。</p>
<p>显然，我是一个懒惰的 <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/blog" title="查看 Blog 中的全部文章">Blog</a></span>ger。从下面的数据或者<a href="http://www.a-shun.com/archives">存档页面</a>上可以看出。</p>
<p><span style="color: #008000;">这个博客既没有明确的定位，也没有广泛的关注面：不发“新闻”，也不够八卦；不是现充，却也没宅出境界；喜欢折腾，又不够深入。</span> φ(．．)<br />
虽然也考虑过把某个频繁出现的话题独立出来，但碍于精力、技术等问题也搁置了。<br />
没有适合盈利的内容，博客收入方面只是能养活博客本身和另外几个域名。</p>
<p>不过即使如此，这个博客依然存在并有所收获。（博主本人也是(￢ω￢)<br />
起码写的东西有人看，尽管没有名气，但<span style="color: #008000;">无论是自娱自乐还是和其他 Blogger 互相交流都很有趣</span>。也逐渐调整出了较好的写作习惯。<br />
这些将会得到<strong>延续</strong>。</p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">博客数据</h2>
<p>数据是浮云，善哉。。。</p>
<h3 style="border-left: 5px solid #CCC;">日志 &amp; 评论</h3>
<p>全部 (180) | 已发布 (172) | 私有文章 (8)<br />
如图：</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/2_year_02.jpg"  class="gallery"><img class="aligncenter" title="博客两周年" src="http://img.a-shun.com/wp/2_year_02.jpg" alt="博客两周年" width="448" height="257" /></a></p>
<p>日志减掉去年的 113，今年的更新量仅有 67 篇。<br />
评论数增加了 5860，比起去年要少很多，因为尽量避免争议性话题，也不会对没兴趣的进行回访。</p>
<h3 style="border-left: 5px solid #CCC;"><span class='wp_keywordlink_affiliate'><a href="http://feeds2.feedburner.com/ashun" title="订阅" rel="nofollow">订阅</a></span>数增加</h3>
<p>Feedburner 的数据比起去年翻了一倍，数据上是 1650（统计不可信），值得欣慰。其中 Google Reader 占了 85%，这受墙影响好大 &#8211; -<br />
Feedsky 和去年一样在 200左右，这么久几乎没有变动，怀疑是不是死了- -</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/2_year_01.jpg"  class="gallery"><img class="aligncenter" title="博客两周年订阅数" src="http://img.a-shun.com/wp/2_year_01.jpg" alt="博客两周年订阅数" width="442" height="244" /></a></p>
<h3 style="border-left: 5px solid #CCC;">稳定的访问量</h3>
<p>访问量比起去年有一定幅度的上涨（大概 30%～40%。<br />
涨幅不多，因为不再尝试主动去吸引流量、SEO，没意思。<br />
但现在是更加平稳。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/2_year_03.jpg"  class="gallery"><img class="aligncenter" title="博客流量来源" src="http://img.a-shun.com/wp/2_year_03.jpg" alt="博客流量来源" /></a></p>
<p>现在来自搜索引擎过半了，而且这一比例还在逐渐上涨中。</p>
<p>浏览器方面，IE 访客终于降到 50% 一下，不容易啊  ╮(￣▽￣)╭<br />
这是 Google Analytics 的统计数据，实际上因为不少 Firefox 和 Opera 用户拦截了统计代码（我自己和几个熟人都这么做），实际的比例会更好看。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/2_year_04.jpg"  class="gallery"><img class="aligncenter" title="各浏览器访问比例" src="http://img.a-shun.com/wp/2_year_04.jpg" alt="各浏览器访问比例" width="578" height="246" /></a></p>
<p>Opera 访客比例上升，这和此话题日志比例增加有关。<br />
Fx 和 Chrome 的的比例和去年正好反过来了。。。不少人从 Fx 跳到 Chrome？（这不一定，从统计插件的情况看来，Fx 还是比 Chrome 多的，甚至不比 OP 少，看来拦截统计代码的人真不少）</p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">延续</h2>
<p>必须要说的感谢：</p>
<ul>
<li>感谢 WordPress 强力驱动，感谢 <a href="http://www.jiucool.com/">jiucool</a> 同学提供主机支持。</li>
<li>感谢 <a href="http://zww.me/">zww</a> 提供主题上的技术支持，感谢所使用的功能代码和插件作者们。</li>
<li>感谢广告和链接客户，你们支持了独立博客的生存。（<a href="http://www.a-shun.com/sponsor">广告合作</a></li>
<li>感谢所有订阅者和评论者，有人看也有互动才有意思。</li>
</ul>
<p>愿景：</p>
<ol>
<li>我要改善注意力，提高效率，输出有用的东西。</li>
<li>我要继续<span style="color: #008000;">做一个有姿态的 Blogger</span>。</li>
<li>我还要继续在这个圈子里打扰大家^ ^</li>
</ol>
<p>今年也请大家多多指教。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="博客两周年，平稳和延续" href="http://www.a-shun.com/archives/21461.html"> 《博客两周年，平稳和延续》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="博客两周年，平稳和延续" href="http://www.a-shun.com/archives/21461.html">http://www.a-shun.com/archives/21461.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/blog" rel="nofollow">Blog</a>, <a href="http://www.a-shun.com/archives/tag/festivals" rel="nofollow">节日</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21545.html" title="回老家过年">回老家过年</a></li><li><a href="http://www.a-shun.com/archives/21449.html" title="Blue Bird、过年杂记">Blue Bird、过年杂记</a></li><li><a href="http://www.a-shun.com/archives/21447.html" title="春节将至，送上新年的祝福">春节将至，送上新年的祝福</a></li><li><a href="http://www.a-shun.com/archives/21353.html" title="博客一周年：平淡中的乐趣">博客一周年：平淡中的乐趣</a></li><li><a href="http://www.a-shun.com/archives/21346.html" title="博客数据备份方案">博客数据备份方案</a></li><li><a href="http://www.a-shun.com/archives/21347.html" title="更换图床：批量替换图片地址">更换图床：批量替换图片地址</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21461.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21461.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21461.html/feed</wfw:commentRss>
		<slash:comments>119</slash:comments>
<enclosure url="http://storage.live.com/items/ACBDF7F6857D164A!243?filename=%E9%81%93%E5%BF%83.mp3" length="3049472" type="audio/mpeg" />
<enclosure url="http://cid-acbdf7f6857d164a.office.live.com/self.aspx/.Public/Music/%e9%81%93%e5%bf%83.mp3" length="22558" type="audio/mpeg" />
		</item>
		<item>
		<title>WordPress 折腾手记 9</title>
		<link>http://www.a-shun.com/archives/21458.html</link>
		<comments>http://www.a-shun.com/archives/21458.html#comments</comments>
		<pubDate>Mon, 11 Apr 2011 14:32:10 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21458</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" title="Wordpress" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>好久没折腾主题了，粗略一算大概有三个月了 &#8211; -。</p>
<p>于是，这两天抽空对现用的 WordPress <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>进行不大不小的调整。<br />
顺便把主题改名为 zOva，只是以前的简化而已，意思不变。</p>
<p>按照惯例，写下折腾日志作为备忘 &#38; 相关代码推荐。[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21458.html">WordPress 折腾手记 9</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" title="Wordpress" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>好久没折腾主题了，粗略一算大概有三个月了 &#8211; -。</p>
<p>于是，这两天抽空对现用的 WordPress <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>进行不大不小的调整。<br />
顺便把主题改名为 zOva，只是以前的简化而已，意思不变。</p>
<p>按照惯例，写下折腾日志作为备忘 &amp; 相关代码推荐。<span id="more-21458"></span></p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">主题新增功能</h2>
<h3 style="border-left: 5px solid #CCC;">侧边添加公告栏</h3>
<p>主要是 Twitter 输出，同时也作为公告栏，以及评论者欢迎词。OM 的说法是唠叨栏。<br />
看到好多朋友的博客上都有这个功能，也加上去玩玩。不过目前还存在一些小问题。</p>
<p style="text-align: center;"><img class="aligncenter" title="WP Twitter 输出" src="http://img.a-shun.com/wp/wp_zt9_03.jpg" alt="WP Twitter 输出" width="303" height="146" /></p>
<p>信息轮换显示使用的是：<a href="http://zww.me/archives/25368">jQuery实现信息轮换显示效果（方法2）</a>，Twitter 输出的代码也是找 OM 要的。</p>
<p>加上这个后还是挺纠结的，数据库查询时间多了一倍以上，明显的感觉到影响速度。(￣_￣|||)<br />
我现在的侧栏元素也显得太多了。</p>
<h3 style="border-left: 5px solid #CCC;">添加了 post_views 文章点击数显示</h3>
<p>不用白不用，目前累积了二十多天的点击数据，就在首页、Tag、分类、月份归档这几个地方显示吧。</p>
<p style="text-align: center;"><img class="aligncenter" title="post_views 文章点击数显示" src="http://img.a-shun.com/wp/wp_zt9_01.jpg" alt="post_views 文章点击数显示" width="204" height="95" /></p>
<h3 style="border-left: 5px solid #CCC;">添加了来自其他站点的访客欢迎词</h3>
<p><strong>对来自其他站点的访客显示欢迎词以及<span class='wp_keywordlink_affiliate'><a href="http://feeds2.feedburner.com/ashun" title="订阅" rel="nofollow">订阅</a></span>提示</strong>，这也看到蛮多朋友博客有这个的，有点作用，加上吧。<br />
当然，每次看到这个肯定很烦，因此<span style="color: #008000;">设置了 Cookies 判断显示，不会影响到评论者</span>。<br />
使用的方法来自：<a href="http://wange.im/wordpress-say-hello-to-vistors.html">WordPress 向来自其他域的访客致欢迎词</a></p>
<p><span style="color: #0000ff;">Tips</span>：</p>
<blockquote><p>那么，如何看到实际效果呢。去清理 Cookise 太麻烦了。这里有一个简单的方法，在隐身标签中打开这个<a href="http://www.google.com/search?q=a.shun&amp;sourceid=opera&amp;client=opera&amp;ie=utf-8&amp;oe=utf-8">搜索结果页</a>，从这进入我的博客你就能看到了～</p></blockquote>
<p>效果如图：</p>
<p style="text-align: center;"><img class="aligncenter" title="对来自其他站点的访客显示欢迎词" src="http://img.a-shun.com/wp/wp_zt9_05.jpg" alt="对来自其他站点的访客显示欢迎词" width="364" height="106" /></p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">zOva 其他修改</h2>
<h3 style="border-left: 5px solid #CCC;">样式调整</h3>
<ul>
<li>改掉了之前显得“重口味”的搜索框，现在看起来清新多了。</li>
<li>主页稍微调整一下，日志之间添加虚线风格，并加大间距。之前被 OM 评价说“挤在一块”。。。orz</li>
<li>导航栏、链接样式、楼层号等样式小调整</li>
<li>修正了 IE6 环境下侧栏的一个错位问题</li>
</ul>
<p>之前的搜索框样式：</p>
<p style="text-align: center;"><img class="aligncenter" title="之前的搜索框" src="http://img.a-shun.com/wp/wp_zt9_04.jpg" alt="之前的搜索框" width="324" height="77" /></p>
<p>现在的搜索框样式：</p>
<p style="text-align: center;"><img title="现在的搜索框" src="http://img.a-shun.com/wp/wp_zt9_02.jpg" alt="现在的搜索框" /></p>
<h3 style="border-left: 5px solid #CCC;">JS 部分</h3>
<ul>
<li><a href="http://www.a-shun.com/archives/21363.html">Lazy Load jQuery</a> 作用范围添加评论者头像。</li>
<li>侧栏的 jQuery Tab 切换由点击触发改为滑过触发。</li>
<li>修复 IE 和 Chrome下 Ctrl+Enter 无法提交评论的问题。（这是蛮久以前的事情了，一并写上）<br />
我之前用的方法为了节省代码，太暴力了。感谢 <a href="http://arks.tk/">JaHIY</a> 同学提供的方法，也感谢阿修同学指出。</li>
</ul>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="WordPress 折腾手记 9" href="http://www.a-shun.com/archives/21458.html"> 《WordPress 折腾手记 9》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="WordPress 折腾手记 9" href="http://www.a-shun.com/archives/21458.html">http://www.a-shun.com/archives/21458.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a>, <a href="http://www.a-shun.com/archives/tag/theme" rel="nofollow">主题</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li><li><a href="http://www.a-shun.com/archives/21416.html" title="WordPress 折腾手记 7">WordPress 折腾手记 7</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21458.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21458.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21458.html/feed</wfw:commentRss>
		<slash:comments>61</slash:comments>
		</item>
		<item>
		<title>WordPress 折腾手记 8</title>
		<link>http://www.a-shun.com/archives/21441.html</link>
		<comments>http://www.a-shun.com/archives/21441.html#comments</comments>
		<pubDate>Sat, 08 Jan 2011 13:53:16 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21441</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" title="Wordpress" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>昨天在弄归档页面的时候发现今年我还没有更新博客。。。</p>
<p>最近比较忙是一个原因，还有习惯性的注意力不集中也困扰着我。</p>
<p>好吧，每次文囧都是写篇折腾<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>的总结来解决。<br />
改善 WordPress theme、记录博客的变化，同时为文囧做个缓冲，这不坏嘛。[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21441.html">WordPress 折腾手记 8</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" title="Wordpress" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>昨天在弄归档页面的时候发现今年我还没有更新博客。。。</p>
<p>最近比较忙是一个原因，还有习惯性的注意力不集中也困扰着我。</p>
<p>好吧，每次文囧都是写篇折腾<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>的总结来解决。<br />
改善 WordPress theme、记录博客的变化，同时为文囧做个缓冲，这不坏嘛。<span id="more-21441"></span></p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">图片查看插件更换为 <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/jquery" title="查看 jQuery 中的全部文章">jQuery</a></span> Lightbox</h2>
<p>之前用的 <a href="http://www.a-shun.com/archives/21365.html"><strong>Shadowbox</strong></a> 很不错，只是看久了有点腻，顺手换掉（其实换一段时间了，只是现在才提）</p>
<p><strong>jQuery Lightbox</strong> 可以更方便的翻上下张图片（直接点击图片左右侧即可），更方便的退出幻灯片浏览。<br />
而且体积小巧，js 部分仅 6K。<br />
支持的媒体类型好像只有图片而已，并没有 Shadowbox 那么丰富，不过对我来说足够了。</p>
<h3 style="border-left: 5px solid #CCC;">jQuery Lightbox 演示：</h3>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_zt8_03.jpg"  class="gallery"><img title="jQuery Lightbox" src="http://img.a-shun.com/wp/wp_zt8_03.jpg" alt="jQuery Lightbox" width="200" height="150" /></a><a href="http://img.a-shun.com/wp/wp_zt8_04.jpg"  class="gallery"><img title="jQuery Lightbox 演示" src="http://img.a-shun.com/wp/wp_zt8_04.jpg" alt="jQuery Lightbox 演示" width="200" height="150" /></a><a href="http://img.a-shun.com/wp/wp_zt8_05.jpg"  class="gallery"><img title="jQuery Lightbox 效果" src="http://img.a-shun.com/wp/wp_zt8_05.jpg" alt="jQuery Lightbox 效果" width="200" height="150" /></a></p>
<p>那么，我的图片查看效果插件变更：Highslide → Shadowbox → jQuery Lightbox<br />
恩，什么时候看腻了再换。</p>
<p>使用很简单，而且网上 N 多教程，我就不制造重复内容了。<br />
jQuery Lightbox  下载和使用方法见：<a href="http://leandrovieira.com/projects/jquery/lightbox/">jQuery lightBox plugin</a></p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">页面调整</h2>
<h3 style="border-left: 5px solid #CCC;">博客月份归档页面</h3>
<p>以前的博客存档页面比较复杂，也存在一些问题。就换一个，同样是免插件的。</p>
<p>除了没有年份筛选功能，功能算是很完善的：显示每月文章数、显示每篇文章的评论数、jQuery 折叠滑动效果。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_zt8_01.jpg"  class="gallery"><img class="aligncenter" title="博客归档页面" src="http://img.a-shun.com/wp/wp_zt8_01.jpg" alt="博客归档页面" width="422" height="286" /></a></p>
<p>传送门：<a href="http://www.a-shun.com/archives">归档页面</a></p>
<p>实现方法：<a href="http://zww.me/archives/25209">代码实现WordPress归档页面模板</a></p>
<h3 style="border-left: 5px solid #CCC;">新的 404 页面</h3>
<p>其实也就是换了一张图片而已，这是在一张大图上截下来的。<br />
传送门：<a rel="nofollow" href="http://www.a-shun.com/404">404 页面</a></p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">全站通过 W3C 验证</h2>
<p>W3C 验证的意义除了让网络更加标准之外，对个人而言主要在于帮助发现并纠正坏习惯。<br />
上一次搞定 CSS3 验证和让<a href="http://www.a-shun.com/archives/21416.html">首页通过了 Xhtml 1.1 验证</a>之后，现在把内页也搞好了。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_zt8_02.jpg"  class="gallery"><img class="aligncenter" title="Xhtml 验证" src="http://img.a-shun.com/wp/wp_zt8_02.jpg" alt="Xhtml 验证" width="482" height="233" /></a></p>
<p>这个简单，都是以前的不注意导致的。<br />
其实我还有一些带插件内容的页面过不了验证 &#8211; -。</p>
<h2 style="background: #E3E4E6; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding: 3px 0;">细节调整</h2>
<p>这也是本次折腾的主要部分，所以比较难以看出来。</p>
<ul>
<li>排版优化（这是永远的追求），稍微拓宽了正文部分，调整列表、引用、表格样式</li>
<li>导航栏和侧栏区块标题、楼层号样式微调</li>
<li>相关日志修复，样式调整</li>
</ul>
<p>恩，这次的改动幅度很小。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="WordPress 折腾手记 8" href="http://www.a-shun.com/archives/21441.html"> 《WordPress 折腾手记 8》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="WordPress 折腾手记 8" href="http://www.a-shun.com/archives/21441.html">http://www.a-shun.com/archives/21441.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/jquery" rel="nofollow">jQuery</a>, <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a>, <a href="http://www.a-shun.com/archives/tag/theme" rel="nofollow">主题</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li><li><a href="http://www.a-shun.com/archives/21416.html" title="WordPress 折腾手记 7">WordPress 折腾手记 7</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21441.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21441.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21441.html/feed</wfw:commentRss>
		<slash:comments>74</slash:comments>
		</item>
		<item>
		<title>YSlow 和 Page Speed 优化</title>
		<link>http://www.a-shun.com/archives/21431.html</link>
		<comments>http://www.a-shun.com/archives/21431.html#comments</comments>
		<pubDate>Fri, 03 Dec 2010 12:26:24 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Bookmarklet]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21431</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>YSlow 和 Page Speed 是两款知名的<strong>网页性能分析工具</strong>，可以对你的页面载入效率进行打分，并给出改进性能的建议。</p>
<p>很多做<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>的朋友都会参照这两项进行优化，并分享改进的经验。</p>
<p>那我也赶下潮流，稍微花了些时间，把 YSlow 和 Page Speed 的分数都提高到了 <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/" title="A">A</a></span> 级，当然这只是首页的成绩。[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21431.html">YSlow 和 Page Speed 优化</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>YSlow 和 Page Speed 是两款知名的<strong>网页性能分析工具</strong>，可以对你的页面载入效率进行打分，并给出改进性能的建议。</p>
<p>很多做<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>的朋友都会参照这两项进行优化，并分享改进的经验。</p>
<p>那我也赶下潮流，稍微花了些时间，把 YSlow 和 Page Speed 的分数都提高到了 <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/" title="A">A</a></span> 级，当然这只是首页的成绩。<span id="more-21431"></span></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">晒测试成绩</h2>
<p>成绩如图：</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/yslow_pagespeed.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/yslow_pagespeed.jpg" alt="YSlow 和 Page Speed 优化 " width="538" height="186" /></a></p>
<p>测试的项目为全部，也就是 <strong>YSlow</strong> 23项、<strong>Page Speed</strong> 28项。<br />
Use a Content Delivery Network (CDN) 这一项基本是 0 分，嘛，小网站无视。<br />
另外还有一些图片缩放、CSS 选择器部分导致扣分。</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">如何提高 YSlow 和 Page Speed  的分数</h2>
<p>其实也不难，下面从几个常见的方面说说怎么提高等级。大多来自朋友们分享的经验。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">减少页面文件大小</h3>
<ul>
<li>优化图片：压缩体积，减少使用缩放的图片</li>
<li>压缩 CSS  和 JS 文件</li>
</ul>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">减少 HTTP 请求数，减少 DNS 查询</h3>
<p>Http 请求数当然是越少越好，这方面的优化也很简单：</p>
<ul>
<li>合并 JS 、CSS 文件</li>
<li>给背景图片做 CSS sprite</li>
<li>不要外链太多其他域名的文件</li>
</ul>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">Use cookie-free domains</h3>
<p><strong>Use cookie-free domains</strong> 这一项对分数影响很大，建议折腾。</p>
<blockquote><p>当浏览器向服务器请求一张静态的图片前,会先发送同域名下的 cookie，服务器对于这些 cookie 不会做任何处理。因此它们只是在毫无意义的消耗带宽。所以你应该确保对于静态内容的请求是无 cookie 的请求。</p></blockquote>
<p>在 <span style="color: #ff6600;">wp-config.php</span> 加入<br />
<code>define('COOKIE_DOMAIN', '你的博客域名');</code></p>
<p>这样你的所有子域就 Cookie-free 了，然后用子域名来作图床是很好的选择。<br />
对于不加 WWW ，而是直接用顶级域名的，那么上面设置之后，子域名还是会带 Cookies，只能用另外的域名做图床了。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">Add Expires headers</h3>
<blockquote><p><strong>Expires   header</strong>，就是过期时间的header报文。这个文件过期时间，其实就是通过header报文来指定特定类型的文件在浏览器中的缓存时间。有些文件(例如样式表中调用的背景图片和文章中调用的图片)其实在很长一段时间内我们都不会对它们有什么改变，这类文件可以设置非常长的缓存时间，这样浏览器以后就不需要再从服务器下载这些文件而直接从缓存中读取，从而大大加速网站的载入速度。</p></blockquote>
<p>这个我们只要在 <span style="color: #ff6600;">.htaccess</span> 文件添加几行代码即可。<br />
<code># Expire images header<br />
ExpiresActive On<br />
ExpiresDefault A0<br />
ExpiresByType image/gif A2592000<br />
ExpiresByType image/png A2592000<br />
ExpiresByType image/jpg A2592000<br />
ExpiresByType image/jpeg A2592000<br />
ExpiresByType image/ico A2592000<br />
ExpiresByType text/css A2592000<br />
ExpiresByType text/javascript A2592000</code></p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">Configure entity tags (ETags)</h3>
<p>在 <span style="color: #ff6600;">.htaccess</span> 中添加：<br />
<code>FileETag none</code></p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">其他方面的优化</h3>
<ul>
<li>尽量不使用内嵌脚本、样式，应从外部加载</li>
<li>把 CSS 文件放在源代码的开头，把 JS 放在页面底部加载</li>
<li>优化 CSS 选择器（网页分析其实部分目的也是为了提高这方面的技巧）。</li>
<li>开启 Gzip ，这方面插件和代码的实现方法都有很多，有的主机控制面板还可以直接设置。</li>
<li>使用缓存插件（Hyper Cache、WP Super Cache 等）、数据库缓存插件（WordPress Object Cache、DB Cache Reloaded 等）</li>
</ul>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">参考资料</h2>
<p>以前把相应的链接放在了文章每段中，都有同学反映说我没给出方法。。。<br />
囧，难道是因为链接样式不显眼么。这次试试单独放一段。</p>
<p>感谢这几位博友提供的经验。</p>
<ul>
<li><a href="http://axiu.me/learning_notes/add_expires_headers/">WordPress速度优化之Expires Headers | Axiu&#8217;s blog</a></li>
<li><a href="http://kangzj.net/to-accelerate-wordpress-on-html-level/">html代码层次加速WordPress &#8211; Kangzj</a></li>
<li><a href="http://ooxx.me/cookie-free-domains-yslow.orz">Cookie-free Domains Yslow 极限页面性能优化 &#8211; 大猫の意淫筆記</a></li>
<li><a href="http://www.hzlzh.com/yslow-grade-a-and-source-99/">[网站加速]之优化网站Yslow评分到99 | 自力博客</a></li>
</ul>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;"><strong>Gtmetrix</strong><strong>：在线测试 YSlow 和 Page Speed</strong></h2>
<p>YSlow 和 Page Speed 都是基于 Firebug 的插件，使用 Firefox 的朋友就方便了，直接装扩展即可。</p>
<p>A.shun 这里用来测试的是<strong>在线网页性能分析工具 <a href="http://gtmetrix.com/">Gtmetrix</a></strong>，同时进行 YSlow 和 Page Speed 的测试，也会详细列出各个项目的成绩，给出改善的建议。</p>
<p>官方提供了 <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/bookmarklet" title="查看 Bookmarklet 中的全部文章">Bookmarklet</a></span> 方便调用，拖到你的书签栏或个人栏：<a rel="nofollow" href="javascript:(function(d){var%20f=d.createElement('form');f.action='http://gtmetrix.com/analyze.html?bm';f.method='post';var%20i=d.createElement('input');i.type='hidden';i.name='url';i.value=document.location.href;f.appendChild(i);d.body.appendChild(f);f.submit();})(document);">Gtmetrix Test any page easily</a><br />
顺便提供 <a href="http://www.a-shun.com/archives/tag/opera">Opera</a> 按钮（国际惯例 <img src='http://img.a-shun.com/smilies/icon_razz.gif' alt=':razz:' class='wp-smiley' />  ），拖到你的工具栏：<a title="Gtmetrix Test any page easily" href="opera:/button/Go%20to%20page,%20%22javascript:(function(d){var%20f=d.createElement('form');f.action='http://gtmetrix.com/analyze.html?bm';f.method='post';var%20i=d.createElement('input');i.type='hidden';i.name='url';i.value=document.location.href;f.appendChild(i);d.body.appendChild(f);f.submit();})(document);%22,%201,,%22Web%20Turbo%20Mode%20Enabled%22"><img src="http://www.a-shun.com/img/ico/button.png" alt="opera按钮" />Gtmetrix Test any page easily</a></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">P.S.</h2>
<p>1. 其实要把分数再提高些也完全可以做到，只是没必要。<br />
分数这些只是个参考，过分追求就不美了。而且有些优化会给我们平时修改主题带来麻烦。</p>
<p>2. 本文谈的问题主要是网页的性能，这不等于访问速度。<br />
访问速度在极大的程度上是取决于主机的带宽和性能，以及访问者的网络环境。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="YSlow 和 Page Speed 优化" href="http://www.a-shun.com/archives/21431.html"> 《YSlow 和 Page Speed 优化》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="YSlow 和 Page Speed 优化" href="http://www.a-shun.com/archives/21431.html">http://www.a-shun.com/archives/21431.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/bookmarklet" rel="nofollow">Bookmarklet</a>, <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a>, <a href="http://www.a-shun.com/archives/tag/theme" rel="nofollow">主题</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21472.html" title="SkyDrive 改版，获取文件外链脚本更新">SkyDrive 改版，获取文件外链脚本更新</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21431.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21431.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21431.html/feed</wfw:commentRss>
		<slash:comments>80</slash:comments>
		</item>
		<item>
		<title>增强 WordPress 评论功能，提高访客体验</title>
		<link>http://www.a-shun.com/archives/21422.html</link>
		<comments>http://www.a-shun.com/archives/21422.html#comments</comments>
		<pubDate>Sat, 30 Oct 2010 15:08:59 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21422</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>我居然一周没更新了，好吧，最近有点懒。</p>
<p>昨晚开始对<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>进行新一轮的折腾。<br />
主要是针对评论部分的改进，<strong>WordPress 评论功能增强</strong>和<strong>提高体验</strong>等方面都有。</p>
<p>大多数功能都是在朋友们的博客上可以见到的，向各位学习了。<br />
现在我们来看看效果，发现问题的话请指出。[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21422.html">增强 WordPress 评论功能，提高访客体验</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>我居然一周没更新了，好吧，最近有点懒。</p>
<p>昨晚开始对<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>进行新一轮的折腾。<br />
主要是针对评论部分的改进，<strong>WordPress 评论功能增强</strong>和<strong>提高体验</strong>等方面都有。</p>
<p>大多数功能都是在朋友们的博客上可以见到的，向各位学习了。<br />
现在我们来看看效果，发现问题的话请指出。<span id="more-21422"></span><br />
效果总览：</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_comment2_01.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_comment2_01.jpg" alt="增强 WordPress 评论功能" width="502" height="332" /></a></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">给 Wp 评论框添加格式化编辑器</h2>
<p>很多论坛的回复框都带有简易编辑器，在博客评论框也加上会带来方便吧。<br />
根据 qiqiboy 的这篇：<a title="为评论框添加文字格式化编辑器" href="http://www.qiqiboy.com/2010/07/26/to-comment-box-to-add-text-formatting-editor.html">为评论框添加文字格式化编辑器</a>，先来加上几个常用的标签。</p>
<p>不过 WordPress 默认是注册用户才能在评论中插入图片，这个就不好玩了。<br />
于是根据这篇：<a title="让评论可以插入图片，更改文字大小、颜色" href="http://www.qiqiboy.com/2010/07/28/colorful-comments.html">让评论可以插入图片，更改文字大小、颜色</a>，再折腾了下，<strong>非登录用户也可以插入图片</strong>了。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_comment2_02.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_comment2_02.jpg" alt="WordPress 评论编辑器" width="433" height="206" /></a></p>
<p>由于大小不统一的字体和五颜六色容易让人烦躁，就没有加上去。<br />
但利用这个方法添加了插入 opera:config 链接和按钮的功能。（Opbut 按钮还没弄好，输入带有特殊符号的命令，生成的链接会出错。囧）。</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">对不同用户显示特定表单</h2>
<p>这和以前的区别就是：<strong>对于发表过评论的用户，直接显示头像和用户名，隐藏资料输入框</strong>（当然，可以更改）。<br />
相信这能在一定程度上提高用访客体验。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_comment2_03.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_comment2_03.jpg" alt="隐藏访客资料输入框" width="443" height="66" /></a></p>
<p>这是<strong>通过 cookies 判断和用 jQuery 隐藏老访客资料输入框来实现</strong>，代码和方法是在 willin 的 A9 主题中挖掘的。<br />
在相关的 JS 没有载入之前还是能看到那几个框的，不过这是小问题了。</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">显示访客最近评论次数</h2>
<p>比较有趣的小功能，可能会稍微提高访客评论的积极性。<br />
而且因为上面折腾了评论者头像显示，多加点信息看着比较好。效果见上面的图。</p>
<p>方法来自 winy 同学，<a title="WordPress显示最近评论次数" href="http://winysky.com/wordpress-shows-the-number-of-recent-comments">WordPress显示最近评论次数</a>。</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">其他改进</h2>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">WordPress 内置嵌套回复 Ajax comments 更新到 1.30</h3>
<p>虽然蛮早之前就有了，但一直停在 1.29没有更新。这次顺手而已。</p>
<blockquote><p>用了新函数 get_post_status_object(), 只能在 WP 3.0 以上使用.<br />
默认使用 “再编辑” 功能, 如果不想使用, 请打开 comments-ajax.js 看第 10 行说明.</p></blockquote>
<p>详见：<a title="WordPress 内置嵌套评论专用 Ajax comments" href="http://kan.willin.org/?p=1271">WordPress 内置嵌套评论专用 Ajax comments</a></p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">更新了给 WordPress 评论添加楼层号的代码</h3>
<p>之前的那段代码导致数据库查询数过多，囧<br />
在上一篇折腾评论的文章介绍过，建议同学们更新：<a title="只在WP主评论加上楼层号的方法" href="http://zww.me/archives/25161">只在WP主评论加上楼层号的方法（支持评论分页）</a></p>
<p>zww 是个负责任的大叔。我也要配合嘛。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">取消的评论功能</h3>
<ul>
<li>去掉了整条评论引用功能。嘛，因为是嵌套回复，需要引用整条评论的很少。</li>
<li>去掉了评论框文字计数器。本来就是没作用的，看腻了就算。</li>
</ul>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">评论样式和效果修改</h3>
<ul>
<li><strong>美化了悬浮显示评论的样式</strong><br />
鼠标移到 @用户 悬浮显示该用户的评论，这个功能虽然对于用嵌套的作用不大，不过改成无限嵌套之后能让评论层次稍微清楚一点。<br />
代码量不大也就一直留着，优化下样式当成装饰也是不错的。<br />
<a href="http://img.a-shun.com/wp/wp_comment2_04.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_comment2_04.jpg" alt="评论悬浮显示" width="453" height="155" /></a></li>
<li>稍微修改了提交评论之后的效果，更有动感的说。</li>
<li>评论样式微调，突出评论者的链接，取消回复的按钮移到右下角。</li>
</ul>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">后记</h2>
<p>还有一点是在我折腾的时候想的。</p>
<p>由于加上了快速标签，表情按钮就得挪地方了。<br />
于是决定了放在评论框下面，依然采用一整排全部列出的方式。</p>
<p>这布局虽然不是很好看，但<span style="color: #ff0000;">作为一个懒人，我不允许在自己的博客上插入一个表情要点两下鼠标。</span></p>
<p>提高访客体验是永远的追求，评论功能是其中很重要的部分。共勉之～</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="增强 WordPress 评论功能，提高访客体验" href="http://www.a-shun.com/archives/21422.html"> 《增强 WordPress 评论功能，提高访客体验》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="增强 WordPress 评论功能，提高访客体验" href="http://www.a-shun.com/archives/21422.html">http://www.a-shun.com/archives/21422.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a>, <a href="http://www.a-shun.com/archives/tag/theme" rel="nofollow">主题</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li><li><a href="http://www.a-shun.com/archives/21416.html" title="WordPress 折腾手记 7">WordPress 折腾手记 7</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21422.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21422.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21422.html/feed</wfw:commentRss>
		<slash:comments>148</slash:comments>
		</item>
		<item>
		<title>Gravatar 被屏蔽，博客头像无法显示的解决方法</title>
		<link>http://www.a-shun.com/archives/21419.html</link>
		<comments>http://www.a-shun.com/archives/21419.html#comments</comments>
		<pubDate>Sat, 16 Oct 2010 10:06:38 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[观察思考]]></category>
		<category><![CDATA[Proxy]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21419</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/perspective"><img style="float: right;" src="http://img.a-shun.com/tag/think.gif" alt="观点" /></a>在国内写个博客就是这么难，叹。<br />
前些日子 <a title="Feedburner 再次被屏蔽" href="http://www.a-shun.com/archives/21364.html">Feedburner 再次被屏蔽</a>，给我们带来了很大的不便。<br />
这回轮到全球通用头像 <strong>Gravatar 的服务器被屏蔽了</strong>。</p>
<p>昨天，因为我用了头像缓存，直到进入后台控制面板才发现：偶们都是无头骑士。这玩意招谁惹谁了，怒 &#8211; -</p>
<p>本文收集了一些<strong>博客头像无法显示的问题解决方法</strong>（推荐头像缓存），欢迎补充。<br />
[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21419.html">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/perspective"><img style="float: right;" src="http://img.a-shun.com/tag/think.gif" alt="观点" /></a>在国内写个博客就是这么难，叹。<br />
前些日子 <a title="Feedburner 再次被屏蔽" href="http://www.a-shun.com/archives/21364.html">Feedburner 再次被屏蔽</a>，给我们带来了很大的不便。<br />
这回轮到全球通用头像 <strong>Gravatar 的服务器被屏蔽了</strong>。</p>
<p>昨天，因为我用了头像缓存，直到进入后台控制面板才发现：偶们都是无头骑士。这玩意招谁惹谁了，怒 &#8211; -</p>
<p>本文收集了一些<strong>博客头像无法显示的问题解决方法</strong>（推荐头像缓存），欢迎补充。<br />
<span id="more-21419"></span></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">被屏蔽的网址分析</h2>
<p>Gravatar 应该说是部分被墙，被屏蔽的网址有：</p>
<ul>
<li>0.gravatar.com</li>
<li>1.gravatar.com</li>
<li>2.gravatar.com</li>
<li>s.gravatar.com</li>
</ul>
<p>这些就是 WordPress3.0 的头像服务器，由此引发了部分博客用户头像无法显示。（<span style="color: #ff6600;">Wp 3.0 以下版本暂不受此事件影响</span>）<br />
事件的原因不晓得，莫名其妙。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/think/gravatar_block.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/think/gravatar_block.jpg" alt="Gravatar 被墙" width="363" height="316" /></a></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">解决方法1：使用头像缓存</h2>
<p>以下列举的方法仅针对 <strong>WordPress</strong>。<br />
在这个事件之前，<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/" title="A">A</a></span>.shun 和很多博客朋友们都用上了 Gravatar 头像缓存，为了减少站外请求，提升速度和稳定性。用头像缓存方法来解决 Gravatar 头像不显示的问题，是推荐的做法。</p>
<p>恩，<span style="color: #ff0000;">兼顾速度、稳定性</span>，在加上最近的特殊事件，大头像缓存时代来临了。</p>
<p>值得一提的是，头像缓存的原理是通过博客服务器访问 Gravatar.com，下载并保存该头像，需要的时候就从博客服务器调用。因此，<span style="color: #008000;">国内主机的用户无效</span>。使用国内主机的朋友直接看方法2。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">头像缓存的代码的实现方式：Mini Gavatar Cache</h3>
<p>这里首推的当然是 <a href="http://kan.willin.org/">Willin Kan</a> 的<strong>新版 Gravatar 头像緩存</strong>（Mini Gavatar Cache），<span style="color: #ff0000;">代码量少，并且调用方便</span>，久经考验。</p>
<p>虽然代码很少，但 willin 解释得颇为详细，在加上以后可能更新等因素，我这里就不贴了。<br />
需要的朋友请移步到：<a title="新版 Gravatar 头像緩存" href="http://kan.willin.org/?p=1320">新版 Gravatar 緩存</a></p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">WordPress 头像缓存插件</h3>
<p>上面的代码方式是推荐的，也蛮简单。<br />
但如果你实在不想折腾，那么用插件吧。</p>
<ol>
<li><strong>Gravatars2</strong><br />
老牌、功能强大的头像插件，支持头像缓存，本地上传头像、随机头像等。<br />
<a href="http://zenpax.com/gravatars2/">Gravatars2 下载地址</a><br />
使用方法和详细介绍见：<a href="http://fairyfish.net/2007/06/24/gravatars2/">http://fairyfish.net/2007/06/24/gravatars2/</a></li>
<li><strong>Mini Gravatar Cache</strong><br />
<a href="http://www.evlos.org/2010/01/25/my-first-plugin-mini_gravatar_cache/">小邪同学</a>在以上  Willin 大师的代码基础上，改成插件版的。不喜欢折腾的可以考虑。<br />
<a href="http://wordpress.org/extend/plugins/wp-gravatar-mini-cache/">Mini Gravatar Cache下载地址</a></li>
<li><strong>GravatarLocalCache</strong><br />
没用过，顾名思义应该可以解决问题。<br />
<a href="http://wordpress.org/extend/plugins/gravatarlocalcache/">GravatarLocalCache 下载地址</a>。</li>
</ol>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">方法2：不显示博客头像或直接使用 Wp2.92</h2>
<p>不显示头像直接了当，不过相信没多少人会这么做。那多没意思啊。<br />
可以找后台的评论选项中进行设置，部分主题需要自行修改。</p>
<p>话说用 wp2.92也是不错的，很多人都没有升级到3.0呢，不过升级的人也不大可能退回去吧。</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">方法3：修改 WordPress 源文件中的头像服务器地址</h2>
<p>既然 Wp3.0 之前的版本不受影响，那么找出其中的不同之处加以修改即可。<br />
此方法来自：<a href="http://blog.musicster.org/threads/49.htm">Gravatar被墙的解决方法两则</a></p>
<p>Gravatar 的代码是在 wp-includes 文件夹里的 <span style="color: #ff6600;">pluggable.php</span> ，用文本编辑器打开并搜索到以下代码（1645行）：</p>
<pre style="width: 90color; background-color: #f8f8f8; overflow: auto; padding: 10px; margin: 10px 10px 10px; border: 1px solid #e7e5dc; border-left: 3px solid #6ce26c;">if ( is_ssl() ) {
		$host = 'https://secure.gravatar.com';
	} else {
		if ( !empty($email) )
			$host = sprintf( "http://%d.gravatar.com", ( hexdec( $email_hash{0} ) % 2 ) );
		else
			$host = 'http://0.gravatar.com';
	}</pre>
<p>将以上代码替换为：</p>
<pre style="width: 90color; background-color: #f8f8f8; overflow: auto; padding: 10px; margin: 10px 10px 10px; border: 1px solid #e7e5dc; border-left: 3px solid #6ce26c;">if ( is_ssl() )
    $host = 'https://secure.gravatar.com';
else
    $host = 'http://www.gravatar.com';</pre>
<p>不想折腾也可以用插件：<a href="http://wpceo.com/gravatar-fixed/">Gravatar Fixed 头像修正插件</a>（<em>2010.10.18-update</em>）</p>
<p>分析：<br />
此方法优点是<span style="color: #ff0000;">对后台控制面板有效</span>。<br />
但修改 wp 源文件不便于升级，再说 www.gravatar.com 不知道什么时候也会遭殃。<span style="color: #008000;">治标不治本</span>。<br />
嘛，总之推荐头像缓存，国内主机也不宜久留。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="Gravatar 被屏蔽，博客头像无法显示的解决方法" href="http://www.a-shun.com/archives/21419.html"> 《Gravatar 被屏蔽，博客头像无法显示的解决方法》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="Gravatar 被屏蔽，博客头像无法显示的解决方法" href="http://www.a-shun.com/archives/21419.html">http://www.a-shun.com/archives/21419.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/proxy" rel="nofollow">Proxy</a>, <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21483.html" title="Opera 按钮：在浏览器中编辑 Host 文件">Opera 按钮：在浏览器中编辑 Host 文件</a></li><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21467.html" title="访问 operachina.com 的方法">访问 operachina.com 的方法</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21451.html" title="Opera 自动代理解决方案和代理菜单">Opera 自动代理解决方案和代理菜单</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21419.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21419.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21419.html/feed</wfw:commentRss>
		<slash:comments>118</slash:comments>
		</item>
		<item>
		<title>WordPress 折腾手记 7</title>
		<link>http://www.a-shun.com/archives/21416.html</link>
		<comments>http://www.a-shun.com/archives/21416.html#comments</comments>
		<pubDate>Wed, 13 Oct 2010 11:56:43 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21416</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>小折腾一下 WordPress，免得手生。<br />
现在<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>的样式基本上已经固定下来了，一般来说不会做太大的改动，朴素就好。<br />
主要就修改一些小问题，现在回顾一下。<br />
恩，下次再来改善一些评论方面的问题。</p>
<p>文章的最后面，简单说下关于明天的传闻。<br />
[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21416.html">WordPress 折腾手记 7</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>小折腾一下 WordPress，免得手生。<br />
现在<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>的样式基本上已经固定下来了，一般来说不会做太大的改动，朴素就好。<br />
主要就修改一些小问题，现在回顾一下。<br />
恩，下次再来改善一些评论方面的问题。</p>
<p>文章的最后面，简单说下关于明天的传闻。<br />
<span id="more-21416"></span></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">页面模板</h2>
<p>页面是主要改动的部分。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">Tag 、分类 、月份 页面</h3>
<p>首先，重写了 <a href="http://www.a-shun.com/archives/tag/wordpress">Tag </a>、<a href="http://www.a-shun.com/archives/category/res">分类</a> 、<a href="http://www.a-shun.com/archives/date/2010/06">月份</a> 页面的模板，不再和日志页类似，更加简洁了。<br />
页面显示更多条目并且缩短了长度，方便找资料。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">新的站内搜索页面</h3>
<p>整合的 Google 站内搜索现在采用了 Ajax 加载的方式，样式也更加协调了。<a rel="nofollow" href="http://www.a-shun.com/search?cx=013922939091722440074%3Ar447a4og9si&amp;cof=FORID%3A11&amp;ie=UTF-8&amp;q=Opera&amp;sa=">传送门</a>。</p>
<p>方法详见：<a href="http://www.hzlzh.com/wordpress-google-site-search/">WordPress整合Google自定义搜索</a></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">通过 Xhtml 1.1 验证</h2>
<p>上次让<a href="http://www.a-shun.com/archives/21409.html">主题通过 W3C CSS3 验证</a>之后。Xhtml 还过不了。趁此机会折腾下。<a rel="nofollow" href="http://validator.w3.org/check?uri=http://www.a-shun.com/">传送门</a></p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_zt7_01.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_zt7_01.jpg" alt="Xhtml 1.1 验证" width="462" height="252" /></a></p>
<p>确切的说，是首页通过 Xhtml 1.1 验证。日志页由于以前的习惯问题，加上播放器、各种插件，唉- -，有空再慢慢折腾吧，先假装通过。</p>
<p>要通过验证其实也不难，对照着校验页面的信息来修改即可。<br />
我这主要是去掉了页面中的 target=”_blank ，给图片加上 Alt 属性，使用新的 Google 站内搜索框代码。</p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">其他折腾</h2>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">更换了免插件最新评论代码</h3>
<p>效果一样，见侧栏。<br />
好处是代码精简了些，也不再直接用 SQL 语言调用数据库。</p>
<p>详见：<a href="http://zww.me/archives/25317">用get_comments()函数实现带头像最新评论</a></p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">WordPress 缓存</h3>
<p>貌似，DB Cache Reloaded 在 Wp3.0 下效果不明显？<br />
暂时开启了 <strong>WordPress Object Cache 缓存</strong>来替代。效果差不多，<a href="http://neosmart.net/dl.php?id=14">Object Cache</a>是 08年的老东西了，不简单。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_zt7_02.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_zt7_02.jpg" alt="Wordpress Object Cache" width="482" height="125" /></a></p>
<p>方法：<a href="http://www.wopus.org/wordpress-deepin/tech/462.html">启用 WordPress object-cache 缓存</a></p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">CSS 问题修正</h3>
<p>很囧的 <strong>CSS3 圆角</strong>问题，现在才发现 Friefox 下，实现部分圆角这么写是不行的：</p>
<pre style="width: 90color; background-color: #f8f8f8; overflow: auto; padding: 10px; margin: 10px 10px 10px; border: 1px solid #e7e5dc; border-left: 3px solid #6ce26c;">-moz-border-top-left-radius
-moz-border-top-right-radius</pre>
<p>而必须这样：</p>
<pre style="width: 90color; background-color: #f8f8f8; overflow: auto; padding: 10px; margin: 10px 10px 10px; border: 1px solid #e7e5dc; border-left: 3px solid #6ce26c;">
-moz-border-radius-topleft
-moz-border-radius-topright</pre>
<p>当然，这不是标准属性，继续用 JS 输出。<br />
这下，总算除 IE 外的主流浏览器显示效果一致了。</p>
<p><strong>搜索框</strong>现在在 IE 下不会在错位了，Firefox 也不会出现光标过高的问题了。</p>
<p>另外还修正一些 Css 的小问题，感谢 <a href="http://kars.aa.am/">Kars</a> 同学的指出。</p>
<h3 style="font-size: 13px; border-left: 5px solid #CCC; margin-bottom: 8px;">P.S.</h3>
<p>Opera <a href="http://www.opera.com/portal/unw/">UNW</a> 明天就来了。<br />
据说，新版要加入比较让人在意的功能，- -<br />
怎么说好呢，当然也期待，但总之心情复杂。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="WordPress 折腾手记 7" href="http://www.a-shun.com/archives/21416.html"> 《WordPress 折腾手记 7》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="WordPress 折腾手记 7" href="http://www.a-shun.com/archives/21416.html">http://www.a-shun.com/archives/21416.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a>, <a href="http://www.a-shun.com/archives/tag/theme" rel="nofollow">主题</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21416.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21416.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21416.html/feed</wfw:commentRss>
		<slash:comments>60</slash:comments>
		</item>
		<item>
		<title>让主题通过 W3C CSS3 验证</title>
		<link>http://www.a-shun.com/archives/21409.html</link>
		<comments>http://www.a-shun.com/archives/21409.html#comments</comments>
		<pubDate>Wed, 15 Sep 2010 06:21:20 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21409</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>最近比较忙，同时有沉迷于各种东西。。。（什么逻辑，忙还能沉迷其他的）</p>
<p>好久没折腾了，博客要长草了，惭愧。是该稍微重视下。</p>
<p>“<span style="color: #008000;">武艺之道是从整理出清爽舒适的空间开始</span>”。恩，吐槽语里面还是有几句靠谱的。<br />
好吧，不只是武艺，其实各种方面都是如此，博客亦如此，既然空间什么的暂时动不了，那就 WordPress <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>吧，动的就是你。<br />
[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21409.html">让主题通过 W3C CSS3 验证</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>最近比较忙，同时有沉迷于各种东西。。。（什么逻辑，忙还能沉迷其他的）</p>
<p>好久没折腾了，博客要长草了，惭愧。是该稍微重视下。</p>
<p>“<span style="color: #008000;">武艺之道是从整理出清爽舒适的空间开始</span>”。恩，吐槽语里面还是有几句靠谱的。<br />
好吧，不只是武艺，其实各种方面都是如此，博客亦如此，既然空间什么的暂时动不了，那就 WordPress <span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/theme" title="查看 主题 中的全部文章">主题</a></span>吧，动的就是你。<br />
<span id="more-21409"></span><br />
其实这个主题最原始的状态，是可以通过 W3C 验证的，但我是折腾着玩，也就没有考虑标准什么的，而且还有考虑各个浏览器的兼容问题。验证就杯具了。<br />
趁此机会还是让它通过验证好。<br />
恩，看到绿色的对勾会有那么一点点满足感。 <img src='http://img.a-shun.com/smilies/icon_redface.gif' alt=':oops:' class='wp-smiley' /> </p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/valid-CSS3.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/valid-CSS3.jpg" alt="W3C CSS3 验证" width="451" height="218" /></a></p>
<p>虽然往往标准和浏览器的兼容总是冲突的，不遵守规范和不那么遵守的都很多。<br />
但解决方法也很简单，就是把 box-shadow 和其他的私有属性（-moz 之类的）放到js里面输出。<br />
这是 <a href="http://kan.willin.org/">Willin Kan</a> 大师在 <a href="http://kan.willin.org/?p=1318">A9 主题</a>中的做法，值得借鉴。</p>
<p>另外 XHTML 验证中出现了一下莫名其妙的错误。。不懂，暂时不折腾，不要太过分执着。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="让主题通过 W3C CSS3 验证" href="http://www.a-shun.com/archives/21409.html"> 《让主题通过 W3C CSS3 验证》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="让主题通过 W3C CSS3 验证" href="http://www.a-shun.com/archives/21409.html">http://www.a-shun.com/archives/21409.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a>, <a href="http://www.a-shun.com/archives/tag/theme" rel="nofollow">主题</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21409.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21409.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21409.html/feed</wfw:commentRss>
		<slash:comments>76</slash:comments>
		</item>
		<item>
		<title>升级到 WordPress 3.01</title>
		<link>http://www.a-shun.com/archives/21381.html</link>
		<comments>http://www.a-shun.com/archives/21381.html#comments</comments>
		<pubDate>Sat, 04 Sep 2010 07:27:53 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Plugins]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/?p=21381</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>WordPress 3.0 发布至今已经两个多月。据说一开始 bug 蛮多，再加上中文语言直到 <strong>WordPress 3.01</strong> 发布之后才跟上。</p>
<p>我就一直没有升级，也觉得 3.0 的新特性暂时还用不上。</p>
<p>不过很多插件都提示更新，大多数是为了兼容 Wp 3.0x。<br />
今天在本地测试了主题兼容性还行，就顺手更新一下吧。<br />
[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21381.html">升级到 WordPress 3.01</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/wordpress"><img style="float: right;" src="http://img.a-shun.com/tag/wp.gif" alt="Wordpress" /></a>WordPress 3.0 发布至今已经两个多月。据说一开始 bug 蛮多，再加上中文语言直到 <strong>WordPress 3.01</strong> 发布之后才跟上。</p>
<p>我就一直没有升级，也觉得 3.0 的新特性暂时还用不上。</p>
<p>不过很多插件都提示更新，大多数是为了兼容 Wp 3.0x。<br />
今天在本地测试了主题兼容性还行，就顺手更新一下吧。<br />
<span id="more-21381"></span><br />
我使用的是后台自动更新，一切顺利 <img src='http://img.a-shun.com/smilies/icon_redface.gif' alt=':oops:' class='wp-smiley' />  。没有什么要注意的问题。<br />
<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/wordpress" title="查看 Wordpress 中的全部文章">Wordpress</a></span> 3.0 的后台很朴素，对我胃口。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_3.01.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_3.01.jpg" alt="Wordpress 3.0 中文版" width="422" height="243" /></a></p>
<p>早上后台看了下，一共启用的 9 个插件就有 8 个提示要升级，囧，很久没有自动更新了，这回一次性解决。</p>
<p>其中著名的懒人插件<strong> <a href="http://wordpress.org/extend/plugins/super-switch/">Super Switch</a> </strong>在前几天也升级到 1.5 版本了，已经能很好的工作在 wp 3.01 环境下，设置了<strong>禁止 WordPress 自动保存功能</strong>和禁止修订版本，就不用再为日志 id 不连续之类的问题烦恼了。前几天 <a href="http://zww.me/archives/25290">OM 就为此烦恼</a>，嘿  <img src='http://img.a-shun.com/smilies/icon_biggrin.gif' alt=':grin:' class='wp-smiley' />  。</p>
<p>目前没有发现主题不兼容的地方，顺手给主题加上了 Wp 3.0 自定义菜单支持（暂时还没使用）。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/wp/wp_3.01_02.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/wp/wp_3.01_02.jpg" alt="Wordpress 3.0 自定义二级菜单" width="463" height="236" /></a></p>
<p>P.S. 最近又在对主题进行一些优化，不过不容易发现，过些天再总结。<br />
P.S.2 此文顺便用于测试 YOURLS: WordPress To Twitter 插件，缩短 WordPress 日志网址并同步的 Twitter，能否正常工作。</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="升级到 WordPress 3.01" href="http://www.a-shun.com/archives/21381.html"> 《升级到 WordPress 3.01》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="升级到 WordPress 3.01" href="http://www.a-shun.com/archives/21381.html">http://www.a-shun.com/archives/21381.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/plugins" rel="nofollow">Plugins</a>, <a href="http://www.a-shun.com/archives/tag/wordpress" rel="nofollow">WordPress</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21481.html" title="可爱的 WordPress 表情 Riceball">可爱的 WordPress 表情 Riceball</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li><li><a href="http://www.a-shun.com/archives/21419.html" title="Gravatar 被屏蔽，博客头像无法显示的解决方法">Gravatar 被屏蔽，博客头像无法显示的解决方法</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21381.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21381.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21381.html/feed</wfw:commentRss>
		<slash:comments>51</slash:comments>
		</item>
		<item>
		<title>Name.com 的免费 Whois 隐藏还是有的</title>
		<link>http://www.a-shun.com/archives/21383.html</link>
		<comments>http://www.a-shun.com/archives/21383.html#comments</comments>
		<pubDate>Sun, 29 Aug 2010 07:53:05 +0000</pubDate>
		<dc:creator>A.shun</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[域名]]></category>

		<guid isPermaLink="false">http://www.a-shun.com/archives/21383.html</guid>
		<description><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/blog"><img style="float: right;" src="http://img.a-shun.com/tag/blog.gif" alt="Blog" /></a><strong>Name.com</strong> 是很受欢迎的域名注册商，价格虽然比 Godaddy 稍微要高点，但后台简洁，体验较好。<br />
更重要的是它一直提供免费的 <strong>Private Whois</strong>（Whois 隐藏）服务，注重隐私的朋友都喜欢。</p>
<p>在前段时间 Name.com 就宣布停止提供免费的 Private Whois，新注册的<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/domain" title="查看 域名 中的全部文章">域名</a></span>要额外交 1.99 美元才能享受到该服务，已经注册的则到当前合同结束期取消。</p>
<p>但暂时来说，我们还是能“买”到 Name.com 的免费 Whois 隐藏访问。<br />
[......]</p><p class="read-more">继续阅读：<a rel="nofollow" href="http://www.a-shun.com/archives/21383.html">Name.com 的免费 Whois 隐藏还是有的</a></p>]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.a-shun.com/archives/tag/blog"><img style="float: right;" src="http://img.a-shun.com/tag/blog.gif" alt="Blog" /></a><strong>Name.com</strong> 是很受欢迎的域名注册商，价格虽然比 Godaddy 稍微要高点，但后台简洁，体验较好。<br />
更重要的是它一直提供免费的 <strong>Private Whois</strong>（Whois 隐藏）服务，注重隐私的朋友都喜欢。</p>
<p>在前段时间 Name.com 就宣布停止提供免费的 Private Whois，新注册的<span class='wp_keywordlink_affiliate'><a href="http://www.a-shun.com/archives/tag/domain" title="查看 域名 中的全部文章">域名</a></span>要额外交 1.99 美元才能享受到该服务，已经注册的则到当前合同结束期取消。</p>
<p>但暂时来说，我们还是能“买”到 Name.com 的免费 Whois 隐藏访问。<br />
<span id="more-21383"></span></p>
<h2 style="background: #E3E4E6; font-size: 14px; border-bottom: 1px solid #CCC; border-left: 5px solid #CCC; padding-top: 3px; padding-bottom: 2px;">获得 Name.com 免费 Private Whois 的方法</h2>
<p>当 Name.com 宣布不再提供免费 Whois 保护时，不少人都说：没有这个服务，name.com 的吸引力不再。</p>
<p>但还好，那不久之后，Name.com 也给出了免费的 Private Whois 优惠码，算是一种变相免费。</p>
<p><strong>免费 Whois 隐藏优惠码</strong>：<span style="color: #ff0000;">FREEWHOIS</span></p>
<p>这个优惠码相当威武，不知道何时过期，貌似都好几个月了。<br />
关键是，它<strong>可以重复使用</strong>，而且<strong>可以在不进行其他注册、续费操作的时候使用</strong>。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/web/name_free_private_whois_1.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/web/name_free_private_whois_1.jpg" alt="免费 Private Whois" width="478" height="186" /></a></p>
<p>在后台只选中 Private whois，不选中域名，然后点击续费，填入优惠码，价格就变成 $0 了。</p>
<p>勾选同意后直接点击付款即可。无需填信用卡信息。<br />
一次只能续一年，重复几次即可。</p>
<p style="text-align: center;"><a href="http://img.a-shun.com/web/name_free_private_whois_2.jpg"  class="gallery"><img class="aligncenter" src="http://img.a-shun.com/web/name_free_private_whois_2.jpg" alt="免费 Whois 隐藏优惠码" width="486" height="167" /></a></p>
<p>需要的同学就去续费几年吧。</p>
<p>最后，占小便宜是不对的  $﹏$  。掩面跑开～</p>
<p>&raquo; 转载请以超链接形式注明来源：<a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> &raquo; <a rel="bookmark" title="Name.com 的免费 Whois 隐藏还是有的" href="http://www.a-shun.com/archives/21383.html"> 《Name.com 的免费 Whois 隐藏还是有的》</a><br />&raquo; 本文链接地址：<a rel="bookmark" title="Name.com 的免费 Whois 隐藏还是有的" href="http://www.a-shun.com/archives/21383.html">http://www.a-shun.com/archives/21383.html</a></p><div id="related_posts"><h2>更多关于  <a href="http://www.a-shun.com/archives/tag/domain" rel="nofollow">域名</a> 的文章</h2><ul><li><a href="http://www.a-shun.com/archives/21351.html" title="我的域名转移经验">我的域名转移经验</a></li><li><a href="http://www.a-shun.com/archives/21461.html" title="博客两周年，平稳和延续">博客两周年，平稳和延续</a></li><li><a href="http://www.a-shun.com/archives/21458.html" title="WordPress 折腾手记 9">WordPress 折腾手记 9</a></li><li><a href="http://www.a-shun.com/archives/21441.html" title="WordPress 折腾手记 8">WordPress 折腾手记 8</a></li><li><a href="http://www.a-shun.com/archives/21431.html" title="YSlow 和 Page Speed 优化">YSlow 和 Page Speed 优化</a></li><li><a href="http://www.a-shun.com/archives/21422.html" title="增强 WordPress 评论功能，提高访客体验">增强 WordPress 评论功能，提高访客体验</a></li></ul></div><p style='border-top:3px solid #CCC;'>© <a title="A.shun Blog" href="http://www.a-shun.com">A.shun Blog</a> 2009-2010 | <a rel="bookmark" href="http://www.a-shun.com/archives/21383.html#respond">发表评论 </a> | <a rel="bookmark" href="http://www.a-shun.com/archives/21383.html#comments">阅读评论 </a> | <a href="https://twitter.com/ashunyi"> Twitter</a> | 0b509d655a529f3b7820d7fb7e63fb0e</p>]]></content:encoded>
			<wfw:commentRss>http://www.a-shun.com/archives/21383.html/feed</wfw:commentRss>
		<slash:comments>96</slash:comments>
		</item>
	</channel>
</rss>

