程序猎人的博客

程序、小说、视频、机器人……今后还会有什么?

为Octopress博客追加新浪微博侧栏

配置好了基于Octopress的博客后,发现其右侧边栏(位置自然根据主题会有不同)上有Twitter等内容。因为的原因,Twitter始终使用起来不够方便,所以还是新浪微博用的更多。于是,就想在博客里弄一个微博的侧边栏。

实现设想

微博本身提供了一个嵌入侧边栏的工具,叫微博秀。于是便想是不是简单嵌入即可呢?

其他尝试

但对稍有点费劲的工作,当然首先是上网搜索一下是否有现成方案。果然找到了一篇文章——《新浪微博侧栏widget定制》。

仔细查看了一下代码,发现作者好粗心,代码里居然没有用变量,而是把自己的用户名直接硬写进去了。另外,貌似只实现了微博名片关注按钮。而且因为使用了微博的JavaScript API,所以需要一个APP ID。

回归

我是懒人,不想搞得那么复杂。于是继续回到自己最初的方案——嵌入微博秀

先到微博秀里面生成自己的微博秀嵌入代码。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<iframe
  width="100%"
  height="550"
  class="share_self"
  frameborder="0"
  scrolling="no"
  src="http://widget.weibo.com/weiboshow/index.php?
      width=0&
      height=550&
      fansRow=1&
      ptype=1&
      speed=0&
      skin=2&
      isTitle=0&
      noborder=1&
      isWeibo=1&
      isFans=1&
      uid=1098907490&
      verifier=abd54ad9&
      dpc=1">
</iframe>

仔细一看,其实就是一个大URL,尝试一下各种参数。最终写了一个weibo.html,放到了source/_includes/asides下面。貌似在.theme/<所用的主题名>/source/_includes/asides下面放着更好,因为切换主题时不会丢失。

同时,在_config.yml中加入相关设定——

其中的weibo_uidweibo_verifier是从微博秀生成的代码中取得的,其它则是显示设定。

至此,搞定了微博的嵌入。

Comments