嵌入某条新浪微博到页面中

2012-08-14 21:52:59 +08:00
 magicshui
写博客有时需要引用某个大牛的微博观点,然后以前就是复制粘贴,后来发现twitter有embed的功能,于是昨天晚上+今天晚上做了一个新浪的,功能不强,纯属练手,地址如下……

http://m.shui.us/

因为是调用新浪微博接口,根据新浪的规定,只能测试用户使用,抱歉,请@ 我你的微博加入测试账户:)

使用方法是复制某一条微博的url到框中

http://weibo.com/1495324211/yxa7yik2z

然后就会获取这条微博,生成嵌入的代码,如:

<script type='text/javascript' src='http://m.shui.us/ravenjs/yxa7yik2z.js'></script>



你可以在网页中嵌入这个代码【注意:下面是图片,不是本贴写的内容】:



当然,twitter也考虑了禁用js的情况,我太懒了~

因为我的前端比后端还差,所以页面就直接抄了twitter的模版,本着quick&dirty的原则就立马放出来了,额,好多要学习&改进的地方,请不吝赐教~

thanks
4575 次点击
所在节点    分享创造
7 条回复
xavierskip
2012-08-14 22:10:13 +08:00
不错的东东。
magicshui
2012-08-14 22:20:00 +08:00
@xavierskip 嘿嘿,谢谢:)
regent
2012-08-14 22:24:41 +08:00
想法很好而且比较实用,不知道能否开源呢?
这个东西用在文章引用微博的时候还是有用的,但是也有一个问题,就是如果微博被删除了,那不是这个就也是空白了?
magicshui
2012-08-14 22:30:51 +08:00
@regent orz 刚写完就放出来了…还没有考虑,谢谢提醒,嗯嗯,可以取过一次以后就在数据库端保留数据,这样不走API,直接取缓存的数据,毕竟微博只能被删除不会被更改:)
magicshui
2012-08-14 22:49:57 +08:00
额,后期想加入这些功能:

1 嵌入微博回复(现在只能嵌入状态,嵌入回复功能写了但是没想好要怎么让用户用,因为需要知道某一条回复的cid,我是chrome下页面调试工具查看cid值,用户体验不好)

2 高效的嵌入生成方式。现在的嵌入方式很土鳖,真的!起码不能block页面吧,额,然后我就不懂了……求助

3 自定义样式。想法是可以自己定制css,现在还不行,需要有前端童鞋帮助。嗯,实现方式期望是将css托管到gist上,然后修改生成的嵌入代码,例如:
<script type='text/javascript' src='http://m.shui.us/ravenjs/yxa7yik2z.js#!2551995'></script>
其中2551995是这个https://gist.github.com/2551995的ID,这只是一个比方

4 ……其他没想好的功能
caomu
2012-08-14 22:56:40 +08:00
挺好,蛮有意思的,关注。吐槽一下官方居然没有自带此功能。
magicshui
2012-08-14 23:11:01 +08:00
@caomu 恩呢,就是发现官方没有才做的,嘿嘿,需求为王呀~

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/45148

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX