CSDN Blog挂之：妙用del.icio.us实现“站内相关文章”.docVIP

Blog二次开发之：妙用del.icio.us实现“相关文章” /pongba) 先说明一下，其实这个方法是跟Blog无关的，只要支持插入javascript代码的blog都可以使用。 废话少说，翠花，上图片先： 出处：月光博客 出处：ThinkingParallel 是不是很眼馋这些功能？站内相关文章，文章排行，文章评价，文章相关tags，以及全局tags。 所有这些功能的最大好处不是漂亮，而是实用。其实用之处在于能够增加blog的粘着度。一般来说如果是一个简陋的blog，如果别人从一个文章链接跳到你的blog上看了一篇文章，那么很可能看完就走了，但如果能在文章的正下方跟着显示相关文章的话，粘着度就会得到大大的提高。相关文章其实就是简单的关联挖掘，而后者是所有网上营销类网站的最大法宝之一（有人见过不用“读（买）过…的人也读（买）过…”的网上书店吗？）。 可惜的是，除了很少一些独立blog具有这个功能之外，国内外的博客系统目前基本都没有这个功能，似乎就连最好的免费blog系统wordpress也还没有增加这个功能。 CSDN blog 06年的时候还有过一阵子的“相关文章”栏的，如图： 可后来广告栏上去了，相关文章栏消失了。不过CSDN blog的广告栏还算是做得蛮有心的，首先不像live space的广告栏那样不尊重用户，弄一个花花绿绿还闪啊闪的Flash大摇大摆的放在blog主页的正上方，跟人家把脑白金广告贴到你家门匾上一样，丑就不说了，太影响阅读情绪。Donews曾经仿效了一次，结果被群起而讨伐之，只好又灰溜溜改回去。其实BSP运营不容易大家也都有数，像新浪blog这样的毕竟在少数。所以放点广告大家也能理解，但所谓盗亦有道，放广告也要讲技巧。我最欣赏的就是Gmail的广告投放，根据email的内容进行关联挖掘，投放最可能对你有用的广告，这甚至已经不能算是一种广告，简直是双赢了。而且文字广告不那么扎眼，较之图片广告看起来要舒服很多；这也是我抛弃hotmail和yahoo mail的原因。CSDN blog的广告栏总算比较人道，不乱投垃圾，不乱放图片，也用上了关联挖掘；但之所以提这个广告栏，最重要的一点还是它很有用，待会你就会知道。 再来说06年还在的那个“相关文章”栏，我不大清楚CSDN为何把这个栏目撤掉，这是个能增加blog粘着度的功能。但最重要的一点是，原先CSDN blog上的“相关文章”栏的“相关”是指全站的相关文章。而不是你自己blog上的相关文章。这就让人很不爽，并不是说全站相关不好，只是应该再增加一个“本站相关文章”才是。 那是不是就没办法了？老大们都是程序员吧，程序员会干嘛？不，不是指泡MM，是编码。所以现在不管怎样，我们还是需要自己实现一个“站内相关文章”功能出来。 我对web开发基本可以说是七窍通了六窍，以前没写过一行Javascript代码，没写过一个网页。大一的时候玩过一阵子flash，早已全还掉了。但web盲归web盲，要实现这个功能，大致思路还是可以想出来的。 CSDN blog不知道有没有开放获取文章tag以及根据tag获取文章的JSON接口，就算开放了也要精确到个人blog才行，就算精确到了个人blog也还有修改tag不方便等问题。所以不管怎样，依赖CSDN blog开放接口是不大可能了。 上次写到如何用del.icio.us给blog加上tags，那个比较简单，只要用del.icio.us现成的tagrolls功能即可。这次仍然还是用del.icio.us的功能，不过这次del.icio.us没有提供现成的功能，要自己根据它开放的JSON接口来实现。 实现耗了一些时间，没办法，谁叫俺不是web开发出身呢？只好乖乖拉出犀牛书，架上google，“边搜索边编程”:) “本站相关文章”1.0 忙活了几个小时，总算搞定了一个1.0版，顺便也了解了一下JSON和del.icio.us的开发接口，还学了不少javascript。总算也有点了解为什么有那么多人鼓吹动态语言了——上手很快，很直观灵活。另外感觉反射特性(reflection)对web开发实在是很重要。 1.0版实现的效果如下， 为什么这个“本站相关文章”会出现在“特别推荐”的上面，等会解释。先来说说这个实现的问题。 我假设你已经像上篇里面说的，将你blog上的所有文章链接导入到一个专门的del.icio.us帐号上了，比如我的。这样一来这个del.icio.us帐号便存储了你的blog上所有文章及其所属tags的信息，这些信息已经足够用了，关键是怎么提取出来。 在最初实现这个功能的时候，本想用URL feed来获取当前url(document.URL)