使用代理在你的博客上显示Twitter的JS挂件

因为一个特殊的原因,Twitter目前的外部引用JS失效。

于是就有了这个办法。

Twitter以前给我们的外部引用代码如下:

<div id="twitter_div">
<ul id="twitter_update_list"><li>Loading...</li></ul>
<a href=http://twitter.com/fengyiyi id="twitter-link"
style="display:block;text-align:right;">More Twitter</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/fengyiyi.json?callback=twitterCallback2&amp;count=3"></script>

把其中第一个固定地址的blogger.js下载保存到你的主机,然后把引用的js文件改成你主机上的地址,例如http://blog.fengyiyi.com/urs/js/twitter.js

第二个就是关键了,把twiiter.com换成可用的IP很容易失效的。这里我们只要把这个引用的地址换成用代理打开的地址就可以了,就像

https://sivanproxy.appspot.com/twitter.com/statuses/user_timeline/fengyiyi.json?callback=twitterCallback2&count=3

这样。把fengyiyi替换成你的twiiter用户名,最后的3代表输出的tweets数量。还有代理的地址最好用https加密的,可能速度有影响。

最终的代码以我的为例就是这个样子:
<div id="twitter_div">
<ul id="twitter_update_list"><li>Loading...</li></ul>
<a href=http://twitter.com/fengyiyi id="twitter-link"
style="display:block;text-align:right;">More Twitter</a>
</div>
<script type="text/javascript" src="http://blog.fengyiyi.com/urs/js/twitter.js"></script>
<script type="text/javascript" src="https://sivanproxy.appspot.com/twitter.com/statuses/user_timeline/fengyiyi.json?callback2&amp;count=3"></script>

再打开博客就可以正常读取js啦,为了提高速度最好把js引用放到页面的最后。

标签: Twitter, timeline

此文章共有条评论, 人参与