在博客中添加 Twitter 更新

前段时间把 Twitter 更新添加到了博客的侧栏，后有几个朋友问是如何添加的，所以现在来写下，希望有所帮助。

我们需要在 Google App Engine 中添加此应用 Twitter Api Proxy，它就是墙里墙外通讯员。首先到 Google App Engine 中用你的 Google 帐号登录开通服务，并添加一个建立一个 Application 。
下载 GoogleAppEngine SDK 与下载 Twitter Api Proxy 源码及相应修改我就不多说了，在上一篇文章“Ubuntu下网络畅游笔记”中有提到过。
我这里下载好并弄了个压缩包，若你不会下载 Twitter Api Proxy 源码请点击下载GAE。
上传应用程序至 App Engine 我与在上篇文章中提到过，若不清楚请查看 Google App Engine 帮助 > 上传和管理，里面有详细介绍。

添加好 Twitter Api Proxy 这个应用程序后你访问下：YouApplicationID.appspot.com/api/（比如我的http://wordpace.appspot.com/api/），效果就出来了哦。

那么如何添加到博客中呢？我们需要一个JS，下载 twitterjs。你也可以下载 完整源码（1.13.1版，里面有其他文件，但我们只需要其中的 twitter.js） 或者直接下载 twitter.js（1.13.1版） 。

下载后我们需要编辑 twitter.js，查找”http://www.twitter.com/statuses/”，在第223行外。
把其中的”http://www.twitter.com/”替换成”http://YouApplicationID.appspot.com/api/”。
这么做是因为 Twitter 与我们隔着一堵墙，我们需要这个应用来通讯。
修改后保存。

然后把 twitter.js 上传到你的博客WEB目录中，随便你放哪里，比如放在主题的JS文件夹中（我的就是），只要调用JS位置不会错就可以。
现在需要添加 script 到你的当前所用主题中去了：
若你用的是 WordPress，可登录后台编辑主题，打开 header.php 把以下代码加入到 head 内（head内[推荐] body内都可以）↓
<script
 src="twitter.js"
 type="text/javascript"> // 调用 twitter.js
</script>
<script type="text/javascript" charset="utf-8">
getTwitters('Tweet', {
  id: 'WordPace', // 你的 Twitter ID
  count: 1, // 显示 Twitter 更新条数
  enableLinks: true,
  ignoreReplies: true,
  clearContents: true,
  template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'
});
</script>

后在小工具中添加一个 Widgets ，内容为 HTML 如下↓
<div class="twitters" id="Tweet">
</div>

当然若你不喜欢添加工具方法添加，那么可以直接编辑 sidebar.php 以边栏模板的方式添加进去（我就是这么做的）
完成！

提示：
上面添加的代码红字部分一定要一致。
添加的HTML内容可以自己加以”修饰”，比如说添加一个提示加载的方式或者图片（在 div 内），或者添加你的 Twitter 链接或 Follow Me 什么的，呵呵。
添加的 script 中 template 也可以很灵活的定义，remy sharp’s b:log 的文章中有详细的介绍。

remy sharp’s b:log（twitterjs制作者）：
Add Twitter to your blog
Upgrade to Twitter JavaScript for your blog

单靠 twitterjs 来实现调用 Twitter 更新，因为之间“有堵墙”。所以 需要 API 来实现。

若用 WordPress ，能添加 Tiwtter 更新的插件有很多，比如 Twitter Tools 也不错。若是其他的站网程序就可以用以上方法添加。
非 WordPress 插件，由于有堵墙的原因不是每次都能成功加载 Twitter 更新呵呵！