在普通html页面上显示rss的方法

一直以来,除了这个博客外,我还在维护一个个人网站“剑轩”。而我又基本不会编程,所以我一直在想,如何能够像wordpress的rss模块一样,把博客的内容整合的普通网页上显示。为此我烦恼了很久,也经常去互联网上搜,但从来都是一无所获。后来我才知道,是因为我完全不知道实现的技术,所以搜索词选择不当的缘故。

后来我打算通过一个现成的博客程序记录我的“剑轩日志”,还希望能把日志的最新内容显示在网站首页上,于是我又开始了我的“在普通html页面上显示rss”的搜索历程。

直到变换着关键词搜索了很久,我才隐隐知道我所想象的这种东西这是通过javascript实现的,并且也找到了一些程序代码。但我对javascript从来没有系统学过,因此对那些零碎的代码改造起来十分吃力,便完全放弃了。

后来我便想着这样的功能如何通过第三方的服务来实现。我先是想到了微博客,经过我一番粗浅的研究,发现只有饭否能够提供现成的代码,但我又不知道如何把博客的内容倒到饭否上去(如通过twitterfeed实现的那种效果);后来我发现Feeddigest提供的功能挺不错,输入feed即可生成代码,且有几种式样可供选择,但遗憾的是,我在测试的时候发现在ie6上输出的是乱码。

后来一个偶然的机会我发现了google feed API,但当时网页上提供的几种实例样式我都不喜欢,自己动手修改的话,我又不会。因此便又作罢。

再后来,我记起了google reader。google reader上有一个共享功能,可以提供把共享文章显示在页面上的代码。虽然样子比较呆板,但我还是这样将就了好一阵子,觉得就算是目前我能接受的最好方法了。

但是今天,无意中我再次光临google code的网站,发现居然找到了Google AJAX Feed API的页面。点击“供稿实例”中的“供稿控件”,选择“Start with the Wizard”,便开始了我的激动人心之旅。我最喜欢其中的Vertical风格,但我不知道该如何直接填入“Direct Feed URLs”,后来我发现不要紧,直接点击“generate code”按钮,得到代码后直接修改代码就可以了。后来我又为http://www.landeng.net注册了一个Google AJAX API 密钥,把代码中的key=notsupplied-wizard中的“notsupplied-wizard”改为我密钥码就好了。

现在的效果我觉得很好,很满意。google真是好啊!

9 条评论了已经

Trackbacks/Pingbacks

发表评论

名字(必须)
邮箱(必须),(不会被公布)
网址(推荐)

字体为 粗体 是必填项目,邮箱地址 永远不会 被公布。

允许部分 HTML 代码:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>
URLs(网站链接)必须完整有效 (比如: http://blog.landeng.me),所有标签都必须完整的关闭。

超出部分系统将会自动分段及换行。

请保证评论内容是与日志或 Blog 内容相关的,灌水、攻击性或不恰当的评论 可能 会被编辑或删除。