<Home>

JS 调用 twitter 内容 续

上篇日志里提到了一种用 jQuery.getJSON 绕道自建的 API 代理来读取 twitter 内容的办法。如果本来页面里就加载了 jQuery 的话我觉得用起来挺方便的。不过如果专门为了显示一条 twitter 内容而特意加载 jQuery 的话可能就有点浪费了。

下面介绍一段专门的 JS,无需 jQuery ,所以在页面加载的内容会更小巧些。

这是 google code 上的一个项目,名叫 twitterjs ,就像项目首页上给出的方法,如果不需要绕道,只需在我们的网页中加入以下代码就可以了:

<script type="text/javascript" src="https://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js"></script> 
<script type="text/javascript"> 
	  getTwitters('tweet', { 
	  id: 'dimlau', 
	  count: 1, 
	  enableLinks: true,
	  clearContents: true,
	  template: '"%text%" - <a href="https://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'
	});
</script>

但是这样子没有爬墙功能,所以需要把上述第一行中的 JS 文件下载到本地,然后把其中的 https://www.twitter.com/statuses/ 替换成 https://你得自建 API 代理地址/statuses/,最后在页面中引用这个修改后的 JS 就可以了。

至于下面那陀参数,ID 当然就是改成自己的 twitter ID,其他参数具体什么意思作者 blog 里有详细说明,自查。

当然,还有 HTML 部分,插入到页面的相应位置:

<div id="tweet">
 <p>loading</p>
</div>

PS。其实这段 JS 是我在 fireyy 的 blog 翻他的页面源代码时发现的,记录一下,备用。

fin.

页面会变得很长么?期待。

xiao3 2010-05-02,01:06 says: “回复”

恩~非常受用!要是能过滤掉RT和回复等就更好啦!

-= 评论已关闭 =-