这是我的第一个发布到官网的插件，用来显示最新上传到 img.ly 的图片。可以简单地在 widgets 里面添加启用它，或者自行插入 php 代码。基于 pepijnkoning 的插件 My Twitpics.

widget 可选择的参数包括 widget 标题、Twitter ID（必须）、图片尺寸等，注意输出的预览图原始尺寸为 75x75, 所以最好不要将 "Picture Size" 设置超过 75. "Border color" 则可以填入 html 允许的颜色名称或者 #D3D3D3.

如果需要进一步样式化，可以使用已置入的 class:

p.widget_imgly_p {...}
img.imgly {...}

不使用 widget 的时候，需要插入的代码是：

<?php imgly_pics($username = fisio, $num = 5); ?>

输出的内容仅为图片，不包含标题和 p, 样式化同样可以针对 img.imgly

效果可参照我的 照片页面 右侧。

Safari 经过一番折腾已经升级成为我的一号浏览器，尽管很怀念 Firefox 的 Awesome Bar, 可我还是叛变了

选择 Safari 的原因基本上都是视觉上的，我非常喜欢 Safari 4 的置顶标签栏， Chrome 也采用了这样的设计，区别在于 Chrome 的分页标签是固定宽度的，拖动标签调整单个标签，拖动标签以外视为拖动整个窗口。Safari 的标签则是充满标签栏的，拖动标签视为拖动整个窗口，要拖动单个标签，把鼠标放上去会出现一个拖动手柄。也有人并不喜欢这个样子，要改回 Safari 3 的标签栏样式也是可以的。

此外，Safari 有一些继承自 Mac 系统界面的特点，下图左边是 Firefox 网页中的下拉菜单，中间是 Safari, 下拉菜单中的当前条目被置于地平线上，只需要最少的鼠标移动就能选择到上一条或者下一条。右图则是 Safari 下载中的文件图标，能直观地从 Dock 堆栈中看到下载进度，下载完成时还会在 Dock 中跳一下。这些都是别的浏览器做不到的，不是亲娘生的就是差一截啊

折腾 Safari 的插件

扩展在 Safari 下叫做插件了，很抱歉这些东西没有办法随着 Safari 移植到 Windows 下，至少目前如此。首先安装 SIMBL, 然后将插件文件 (.bundle) 扔到插件目录就可以了。下面是两个我在用的插件：

GreaseKit

就是 Firefox 下大名鼎鼎的 GreaseMonkey 在 WebKit 下的兄弟了。比 GreaseMonkey 简陋，能加载大部分脚本，也有一些不能用。

Glims

这是一个增强标签、搜索、书签、全屏的全能插件，特色功能有：

• 在新标签中打开链接。不知道苹果怎么想的，这么基础的功能还要用插件或者终端命令来实现，实在不像话。
• 真正的最大化和全屏，全屏下可以只有滚动条，页面充满屏幕。
• 启动时恢复上次的所有标签。
• 恢复标签 (⌘+z) 跳到左侧标签 (,) 右侧标签 (.) 这三个设置不够科学，经常和网页上的输入区域冲突。
• 关闭一个标签之后，跳回临近标签还是跳回上一个激活过的标签，按个人喜好选择，我一般用前者。
• 新建标签的位置，邻近右边还是最右边？我习惯后者。
• 下载完成后自动关闭下载窗口。
• 自定义搜索引擎，设置搜索关键字，搜索提示和搜索预览。不光在键入的时候提示，它甚至可以将搜索结果的前几条在您按回车之前就显示出来。自定义搜索引擎的详细指导请参考 此文。
  

另外，我介绍过修改网站 CSS 让输入框激活时高亮 的办法，其实在 Safari 和 Chrome 中比原生的输入框高亮要丑，我想了一下，只需要将 outline 改成 -moz-outline 就只对 Firefox 生效了，在 WebKit 浏览器中恢复原生的输入框高亮。IE 反正也不支持，无所谓，Opera 嘛，就算喽。

这样我也有了一个 Twitter 页面，怎么样，是不是也给自己的 blog 整一个？另，感谢 sofish 提供 CSS 帮助！

前两天 Shawn 提示我 Google 有一个隐藏的 favicon 缓存服务可以完美解决这个问题，果然非常棒，现在分享给大家。这个缓存调用的地址是：

http://www.google.com/s2/favicons?domain=fis.io

简单吧？这个查询得到的是一个 png 图像，如果没有对应的 favicon, 则缺省是一个地球图标。WordPress 插件 Favicon Images for Comments 是最简单的用法，不过样式反正要自己改，喜欢动手的朋友、非 WordPress 的朋友请看下面的教程。

这个查询要求不能带有 http, 而域名后面无论跟什么都无所谓。所以首先要把评论者网址前的 http 过滤掉，例如 中文 WordPress 工具箱，在显示最新评论的循环语句 foreach ($comments as $comment) 下面添加一个 $domain 定义：

$domain = preg_replace('/^http:///', '', $comment->comment_author_url);

得到的 $domain 就没有前面的 http 了。然后把它用到输出去：

$output .= $before . '<img src="http://www.google.com/s2/favicons?domain=' . $domain . '" class="favicon" /><a href="' . $permalink . '" title="' . $comment_excerpt . '">' . $comment_author . '</a> ' . $comment_excerpt . $after;

这是我的例子，提供一个参考。我发现这样写还是很难看懂……呵呵，就当个参考吧。我把我的侧栏最新评论、本周嘉宾、友情链接都改成了这个显示方式，欢迎参观

最后，希望有博客的朋友都检查一下自己的根目录下是否有 favicon.ico 这个文件，yo2 用户好像也可以通过一个专用插件来上传它。这样您的博客可以在这里得到丰富的展示，happy blogging!

据博友 冰古 的测试，Google 的 favicon 缓存服务并不是直接获取根目录下的 favicon.ico, 而是需要 html header 里面含有：

<link rel="shortcut icon" type="image/x-icon" href="http://fis.io/favicon.ico" />

如果图标不对，一定要检查一下这里。谢谢冰古！

• 增加插件 WordPress Thread Comment, 这样您可以针对某个评论进行回复，相信大家已经比较熟悉它了。期间荣幸地得到了插件作者 枫叶 的大力帮助，不然我还真不知道怎么在使用它的同时仍保持输入框浮动在右侧的特色，呵呵。有请各位多帮我测试一下，有问题麻烦反馈给我，好继续修改，先谢了。
• 升级到 WordPress 2.6, 发现评论者头像 Gravatar 可以在后台直接指定缺省头像了，可以省事地选择空白头像，后面三组可以对没有 注册头像 的用户赋予随机头像，都挺有意思的，我选了最后一组，并且停用了 WP-SnapAvatar.

  

• 升级 Firefox 到 3.0.1, 我重度依赖的标签扩展 Tab Mix Plus 修改版也罢工了，好在可以修改它里面的 install.rdf 解决问题。如果您嫌麻烦，我已经把它改好了放在 这里。
• 怪不得有调查报告称 Firefox 用户是最能保持更新的浏览器用户，3.0 刚发布一个月，老肥博客的访问统计显示 Firefox 3 用户已经占到了 Firefox 用户总数的 3/4:

  

　
启用插件之后用 <php aide_get_top_posts('month',10); ?> 调用它，第一个参数是时间范围，可以是 day, week, month, year, auto, 秒数，第二个是显示的文章数。需要在页面执行此 php 语句的话可以用插件 Exec-PHP, 另外 Denis 帮我支了一招不用此插件的办法，那就是建立一个页面模板来实现，其实我以前 提过这个办法，没想到还有这样一个妙用。

另外还有一件事，就不单独发文了，跟在这里声明一下：有人问我，老肥博客上的兔子插画是不是我自己画的？不是我画的，这是一套来自 Flameia Design 的苹果系统图标 Oh My Rabbit, 很漂亮，不过主页已经关闭很久了，我是从 这里 获得的。既然用了这么多，就加进页脚链接吧，向作者致意

该插件的一大亮点在于整个提交、填表过程由 17fav.com 这个专门的服务站点来完成，并且无缝跳转，据 Denis 讲，其实他做了非常多的提交站点接口，17fav 首页列出了二十多个常用的，插件里面则默认只有八个最常用的，如果您想自己增减，只需要在插件第 270 行修改，比如 '百度搜藏','baidu', 前者是显示名称，后者是接口名称，要查询接口名称直接到 17fav 首页看看链接，javascript:jsPost('baidu'), 单引号里面就是了。如果那里还没有您想要的，可以 问问 Denis.

按钮菜单用 jQuery 构建，这是花儿的强项，呵呵。当然您也可以对它的样式进行一些自定义，比如我就把配色从蓝色改成了老肥博客自己的色调。按钮也改了，改成和鲜果推荐按钮一致，如果您没有发现它……它在下面的胡萝卜下方。

插播广告：我的同学，日月光华手机版前版大 Mark 有一批国外带回的手机出售，有兴趣的朋友可以去 看看。

• 内部链接

  内部链接一般是推荐一下读者可能会感兴趣的以前的文章，可以增强关联性。它可以一定程度上打击抄袭，虽然有些人会把链接抹掉，但总比没有的好。我的 favicon 设计系列 被很多人转载过，其中不乏故意隐匿出处的人，但由于插图多，他们没工夫挨个删，里面的内部链接也跟着幸存下来了。还有一篇 如何为 blog 建立一个高效的标签系统，我故意在文中留下了一个纯文本的链接（当然也是为了展示 URL 的需要），它也在抄袭者手中幸存了。在这样一个大环境里，对付抄袭没有什么特别有效的办法，但是也不要老是在文中提自己的名字——照顾一下正经读者的感受吧。

• 外部链接

  外部链接就是方便读者点击相关内容的，很重要。最好给链接加上 title 属性（鼠标放上去显示的文字），描述一下这是一个什么内容，比如写上对方文章的标题。这样读者可以自己决定看不看，有个预览。

• 是否在新标签中打开

  在本页打开的链接，读者可以自行决定是否新标签，而在新标签打开的链接，基本上是强制性的。有个现象，就是国内网站的新标签链接远远多于国外网站，从门户到论坛，大家已经习惯被剥夺选择权了。这个很难一刀切，在新标签打开吧，容易招致反感；在本页打开吧，读者可能就忘了回来，况且新标签是有实际作用的，当读者需要新老都保留的时候。我这里是内部链接本页打开，外部链接新标签。当然不是说就推荐您这么做，但我的个人忠告是内部链接最好不要新标签，内部和外部是两个系统，我不希望我的标签栏被一个网站占据。

• 给读者一个新标签提示

  更进一步的说，一个链接是否新标签并不直观，给读者选择权的同时，是否能够像链接的 title 那样，有个预览和心理准备？这里我推荐一个 WordPress 插件 External Links, 它可以给外部链接自动加上这样的一个弹出小图标。如果您不是 WordPress, 或者像我一样希望不通过插件就实现这样的效果，也可以通过 CSS, 给链接的 a 标签加上 class="external", 然后添加 CSS 描述：

  a.external {
  background: url(...) no-repeat center right;
  padding-right: 13px;
}

  对以前的文章，我导出 xml, 搜索替换 target="_blank" 为 target="_blank" class="external" 再导入就搞定了。类似的，我还做了一个 下载图标。

• 已访问过的链接的区分

  这是一个看上去不显眼，实际上挺重要的东西，读者可以从链接的外观区分是否访问过，提高阅读效率。通常的办法有：改变颜色，加下划线、下点线等。我的代码：

  a, a:link {
  color: #bb6f02;
  text-decoration: none;
}
a:visited {
  text-decoration: underline;
}
a:hover, a:active {
  text-decoration: underline;
  color: #e58802;
}

  链接没有下划线，鼠标放上去有，访问过的链接也有。

差不多说完了，希望能对您有所帮助。祝天下所有小盆友们，和童心未泯的老盆友们节日快乐

echo $ns_options["start_html"];  //修改为：
echo "<li style='background-image: url(" . $url . "/favicon.ico)'>";

即用 $url 获取评论者的网站地址，将 /favicon.ico 作为列表图标。但是已知的问题有两个：没有 favicon, 或者 favicon 并不在默认地址。我用目前上榜的 5 个网友测试了一下，显示效果如下：

其中 kaka 的路径错误，kerby 和 Dickey 的文件存在，但显示有有问题。对前一种情况，总不能去分析对方的 header 来获取吧，太不现实。后一种情况，我也没弄明白为什么… 或者，可以让获取错误的时候显示 css 里定义的默认列表图标？欢迎高手给指导一下

评论者网址截图缓存于 images.websnapr.com/?url=http://, 只要被获取过，则使用缓存；自动更新周期未知。如果获取的时候发生了访问错误，websnapr 提供手动更新。这不失为一个弥补 Gravatar 空缺的办法，对没有对应头像的评论者，通常的做法是显示一张缺省图片，或者随机赋予一个预设头像。而提供一个他自己的网站外观做头像，应该更加亲切。

由于 websnapr 的服务是可以匿名外链的，在地址后加上 &size= 可以获取不同尺寸的截图 (可赋值 t, s, m, l)，那么还可以用它来做图片友情链接，或者介绍一个网站的时候直接写入截图地址：自动截取链接图片而且自动更新，酷？现在就动动键盘测试一下！

插播新闻：著名 WRC 冠军车手 Colin McRae 被证实在 11 小时前的一次直升机空难中死亡。以他的名字冠名的系列赛车游戏赫赫有名，非常拟真和专业，我从 Colin McRae Rally 3 开始陆陆续续玩过几个版本，直到我的电脑跑不动新作。缅怀一下这位英年早逝的车手，和这个优秀的游戏…… 插播结束。

我的情况比较特殊，是一个 yo2 的域名绑定博客， 并不能自由上传插件，但 yo2 已经有了相当多的常用插件，很多还是经 yo2 自己优化过的。需要添加某个插件也可以向管理员提交，这样添加之后所有 yo2 用户都可以用它了。我昨天就刚推荐了一个 WP-AutoPager.

1. WP-AutoPager
   这是一个让博客自动翻页的插件，浏览到页尾的时候自动加载下一页，跟进在下方。冰仔 那边有详细介绍。
2. ©Feed
   给原始 feed 加上数字指纹，以及评论、相关文章、版权声明等在文末，自定义度很高。我有个截图在 这里。
3. Batch Categories
   我 上次提到它 的时候 oneoo 在评论中说道这个插件是 yo2 自己优化过的，本来不带有批量贴标签功能。我很喜欢这玩意。

其他的比较大路的就不说了。点几位大名，大家随意
北极冰仔，Vern，awflasher，我爱水煮鱼

我的 留言页面 就放了一个 Cbox, 不过在旁边还挤了一个 Plugoo Messenger, 方便有急事的网友可以及时和我取得联系：

什么是标签 (Tags)？简单说就是建立在博客文章 (Posts) 和关键词 (Keywords) 之间的一种双向多重映射。一篇文章根据内容可以打上多个标签，点击一个标签可以查看相关的多篇文章。而传统的分类一般是单属性的，文件夹式的。WordPress 下的分类 (Categories) 也具有这样的多重属性，实际上可以发挥同样的功能。我的做法是用分类来分大类，用标签来标注内容关键词。这样依靠标签就建立起了一个内容相关的网络，读者可以方便地在喜欢的内容间跳转，而且对搜索引擎非常友善。

• 建立有通用性的标签
  贴标签切忌随手乱贴，不要仅仅把标题拆分为几个词就当作标签。比如"IT新闻"“系统优化”就不是好的标签，您如何保证下次遇到相关话题的时候有同样的写法？说不定就又冒出来个“IT资讯”“优化”，这样会让标签系统越来越臃肿，充满重复和垃圾，起不到应有的作用。标签起名尽量用单个词语，并且建立自己的命名规则。带空格的词汇用一个固定的写法，比如 Mac OS X 写作 MacOSX，multi touch 写作 multi-touch。同时不要一会儿百度一会儿 Baidu，注意很多系统是区分大小写的。
• 建立有针对性的标签
  如果《关于某某问题的思考》其中一个标签叫“思考”，而且的确有不少“思考”的文章，但它作为标签就不大合适。读者访问标签的时候是没有上下文环境的，而“思考”并不是一个明确的话题。我的标签中曾经有“视频”“下载”，曾经标注所有带有嵌入视频或者下载内容的文章。在考虑之后我拿掉了它，因为不大会有人因为想看个视频、想下载个什么东西而点击这个标签。"Google" 就不同了，这是一个明确的话题。
• 中文名还是英文名
  中文标签的好处是可读性强，密密麻麻一片英文关键词扫一眼，获得信息的效率总是母语高。中文的坏处是这个标签的 URL 就完全没有可读性了，而且老长。说句题外话，很多 blogger 发表文章的时候不用文章缩略名，这是非常不好的，导致文章 URL 对人眼和对搜索引擎都不可读，而且更长。公认的正确做法是把标题翻译成尽量简洁的英文来作为文章缩略名，多包含关键词，词与词之间用 - 连接，这保证搜索引擎能正确断句取词。比如 http://fis.io/bluetooth-usb-adapter-driver.html
• 并列的标签也要有层次感
  对自己写得比较多的话题可以详尽地列标签，反之粗略一点就可以了。我的标签中有 "Firefox" 和 "Greasemonkey", 而后者下面每篇文章都是从属于前者的。但这两个话题都有相当多的文章量，所以可以都列出来，适合不同的阅读需要。
• 做一个漂亮的标签云
  标签云 (Tags Cloud) 是列出一片标签，文章多的标签字号大，文章少的字号小。我的首页显著位置有一个，仅显示大于 5 篇的标签；另外在 存档页面 有一个包含所有标签的标签云。标签云有一个技巧，需要均衡分布热门标签下面的文章数。比如之前我发现只有 Google 很大，别的都差不多小，一看发现是因为此标签的文章数超出别的标签很多，于是把一些仅仅沾边的文章去掉此标签，然后把剩下的细分，归了一部分到 Gmail, Gtalk, 这样个头最大的 Google 还是最大，但其他热门标签比如 美化，snooker, 就醒目很多了。
• 定期检查标签，做全局调整
  有一个很好的插件 Batch Categories 可以批量对标签进行增删改，yo2 已有。安装之后在管理下面会有个“管理文章分类”，可以在这里用过滤器一目了然地检查以往文章的标签。写了一段时间文章之后标签习惯难免会有些改变，每次发表文章的时候也不可能都能考虑周详，所以定期检查调整就很重要了。按上面的要求检查一遍，看看有没有重复，然后把以后不大可能再用到的生僻标签考虑删掉。

• 存档： 用到 SRG Clean Archives 和 Jerome's Keywords 两个插件，在页面上生成全部文章的存档记录，和包含所有标签的标签云。首页上的标签云则仅显示大于等于三次的标签。
• 订阅： 这是一个关于 RSS 订阅的帮助页面，方便对此不了解的朋友，首页右侧的订阅标题就链到这里。页面里实时输出有我的 Google Reader 里的推荐文章和所有订阅。
• 照片： 来自我的 Picasa 的部分相册。
• 日历： 有几个 yourminis 的 flash widget, 天气预报、时钟、计算器什么的，日历则和我的公共日历同步，是我发布的一些比赛、节气、大事提醒。
• 留言： 昨天刚完工，左侧是我的 cbox 留言簿，右侧是原先放在首页的 plugoo 即时聊天模块，使用率不高所以撤到二线。再下方是基于插件 中文 WordPress 工具箱 的评论排行榜，经常来逛的朋友可以看到自己的大名哦。
• 关于 和 English： 这两个页面从开站以来就没怎么改动过，其中英文页面除了英文的自我介绍外，有一个 Google 翻译按钮，虽然翻得不怎么样……呵呵，聊胜于无。

RSS 订阅 在统一由 FeedBurner 管理之后有了明显的规则化，目前在 50 位左右，Google 订阅约一半，抓虾约15%

访问者来自中国大陆 84 个城市，全球 246 个城市：

除首页外被浏览次数最多的页面：

1. 391次 下载WindowBlinds5.5绿色版 内置VistaWT3主题
2. 275次 来自微软的智能触控桌面: Microsoft Surface™ Computing
3. 179次 关于

本站站史：

• 2007-5-6 fisio.cn 域名注册成功，1元，在淘宝
• 2007-5-7 注册 yo2.cn 服务，并开始学习 WordPress, 搬迁博客，调试插件、模板、固定链接，并决定使用不带 www 的地址为域名
• 2007-5-14 告诉朋友，推广，正式开始 WP 新时代

哎，听完我啰嗦到这里的你真是不简单，赶快留言，我会回访的哟！