配置好了基于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_uid
和weibo_verifier
是从微博秀生成的代码中取得的,其它则是显示设定。
至此,搞定了微博的嵌入。