用伟大的“Pigroll”改进友情链接列表 　[ 分类:科技 Tech ]

[update] Pigroll代码已经于2007年12月18日更新，主要修改了图片/缓存存放位置。

因为工作关系，经常看搜狐博客。公司太大，我和搜狐博客的开发团队不怎么熟悉。不过看最近细节上的一些调整，似乎是要往Facebook+MySpace(大约就是开放SNS平台与传统Blog并重)的方向上靠。

让我们说些可以忽略不计的小东西和它们背后无限的可能性吧：

如果在搜狐博客的友情链接列表中加入搜狐博客链接，链接后面就会自动加上这么个图标。图标中显示的是更新状态，将鼠标移上去会提示“5小时前更新，去看看有什么变化”或者“好久没更新了，这家伙像是去火星了”之类的消息。好像在国内外的BSP上，都没有见到过这个设计。

这个东西的感觉，有点像是Facebook里面的Newsfeed。你看自己的友情链接列表，就知道好友在搜狐博客里的更新情况了。围绕这个图标，很容易做出进一步的改进，比如像Facebook那样，把每个用户的吃喝拉撒睡都给整合进去。

受这个小图标的启发，我把blog右下方的友情链接列表做了一下改进(觉得比搜狐博客上的图标更实用一些)：1)通过RSS种子，服务器定期抓取这些blog的更新情况，用图标显示更新情况；2)把鼠标移到图标上，可以看到对方的最近更新时间和最新文章标题；3)点击图标，可以直接跳到对方的最新文章页。

如图：

这个功能对于访客来说，应该是比较有用。比如我爸妈每天要把我的blog友情链接都点开看一遍，这样改动之后，就可以大大节省访客的时间。而界面和体验上的改善，应该都可以让这个通常意义上的blog死角变得“活”起来。

代码是基于lilina在线阅读器的函数库MagpieRSS做出来的，需要MySQL数据库。PHP代码包(.zip)在此，结构乱、效率低、没注释，毕竟是两三个小时糊弄出来的东西。不过基本没什么大毛病，除非遇到极不靠谱Feed。

忽然想起来应该装模作样给这个东西起个名字。鉴于blog上的友情链接列表都叫“blogroll”，我决定把它命名为“Pigroll”(猪打滚？)，版本号待定(？)。安装说明请点击下方“阅读全文”链接。

Pigroll(版本号待定版)安装说明：

1. 使用MovableType的同学，请首先在.htaccess文件中加入：

AddHandler application/x-httpd-php .html .htm

让服务器将.html和.htm文件作为php代码进行解释。使用Wordpress和其他php架站平台的同学请跳过这步。

2. 在MySQL后台里建立一砣数据库，将压缩包中的.sql文件导入。然后打开pigroll.php文件，把#database#、#username#、#password#换成你刚刚建立的数据库名、数据库用户名和密码。

3. 修改数据库。(数据库里的blog_item表是存链接列表的，blog_catagory是存链接分类的。blog_item中的“catagory”列与blog_catagory中的“catagory”列对应。)

4. 把包里的文件都上传到服务器上(比如根目录下的“pigroll”子目录)，的然后在首页模板中通过下面这段话引用链接列表：

<div> <?php include("pigroll/pigroll.php"); ?> </div>

5. 你可以通过修改pigroll.php文件获得理想的样式。如果懒得改php，以下是本站的相关CSS段落，可供参考：

.side span {
display: block;
height: 18px;
}

.side span img {vertical-align: text-bottom;}

.sidetitle {
font-family:georgia, verdana, arial, sans-serif;
color:#666;
font-size:small;
font-weight:normal;
padding:2px;
margin-top:10px;
letter-spacing: .1em;
border-bottom:1px solid #999;
text-align:center;
}

6. 我真的很想做个自动安装包什么的，但是没时间了，只能期待各位的智慧了。如果有改进代码的话，麻烦告诉我一声。多谢！