-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
449 lines (227 loc) · 15.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
<!DOCTYPE html>
<!--[if IEMobile 7 ]><html class="no-js iem7"><![endif]-->
<!--[if lt IE 9]><html class="no-js lte-ie8"><![endif]-->
<!--[if (gt IE 8)|(gt IEMobile 7)|!(IEMobile)|!(IE)]><!--><html class="no-js" lang="en"><!--<![endif]-->
<head>
<meta charset="utf-8">
<title>傻革小张</title>
<meta name="author" content="小张">
<meta name="description" content="我花了点时间给Octopress加了一个新浪微博的sidebar。
很简单，就是抓取特定用户（比如说我）最近的几条微博，然后显示在网页侧栏上。
为了不影响整个网页样式的统一，我避免了使用官方提供的微博秀（很难看）。
因为新浪所谓开放API的种种限制，我必须想办法绕开常规的开发授权流程， …">
<!-- http://t.co/dKP3o1e -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="canonical" href="http://ndrzmansn.github.com/">
<link href="/favicon.png" rel="icon">
<link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
<script src="/javascripts/modernizr-2.0.js"></script>
<script src="/javascripts/ender.js"></script>
<script src="/javascripts/octopress.js" type="text/javascript"></script>
<link href="/atom.xml" rel="alternate" title="傻革小张" type="application/atom+xml">
<!--Fonts from Google"s Web font directory at http://google.com/webfonts -->
<link href="http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=PT+Sans:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css">
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-33051801-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<meta property="wb:webmaster" content="e55bbcda49ef6035" />
</head>
<body >
<header role="banner"><hgroup>
<h1><a href="/">傻革小张</a></h1>
<h2>傻子也革命的小张</h2>
</hgroup>
</header>
<nav role="navigation"><ul class="subscription" data-subscription="rss">
<li><a href="/atom.xml" rel="subscribe-rss" title="subscribe via RSS">RSS</a></li>
</ul>
<form action="http://google.com/search" method="get">
<fieldset role="search">
<input type="hidden" name="q" value="site:ndrzmansn.github.com" />
<input class="search" type="text" name="q" results="0" placeholder="Search"/>
</fieldset>
</form>
<ul class="main-navigation">
<li><a href="/">Blog</a></li>
<li><a href="/blog/archives">Archives</a></li>
<li><a href="/about">About</a></li>
</ul>
</nav>
<div id="main">
<div id="content">
<div class="blog-index">
<article>
<header>
<h1 class="entry-title"><a href="/blog/2012/07/05/weibo-sidebar/">自定义 Octopress 新浪微博 Sidebar</a></h1>
<p class="meta">
<time datetime="2012-07-05T21:12:00-07:00" pubdate data-updated="true">Jul 5<span>th</span>, 2012</time>
</p>
</header>
<div class="entry-content"><p>我花了点时间给Octopress加了一个新浪微博的sidebar。
很简单，就是抓取特定用户（比如说我）最近的几条微博，然后显示在网页侧栏上。
为了不影响整个网页样式的统一，我避免了使用官方提供的微博秀（很难看）。
因为新浪所谓开放API的种种限制，我必须想办法绕开常规的开发授权流程，使脚本能在不同浏览器上正常工作。</p>
<p>下面的内容会分成两部分。
我先解释一下新浪微博开发授权大概是如何运作的，并且抱怨一下这东西有多不合理；然后简单描述一下我的解决方式。</p>
<h2>这东西怎么能叫开放平台</h2>
<p>提醒一下，这部分基本是 rant，受不了的请跳过。</p>
<p>隔三差五会听到有人抱怨 <a href="http://techcrunch.com/2010/06/29/twitter-api-limit/">twitter API的频次限制</a>。
尽管 twitter 的后端已经从最开始的 Rails 转移到 JVM + Scala，大量的 API 调用还是让他们难以负荷。
即便是如此，相当数量的 API 还是可以匿名的方式读取。
比如我在自己的网页上加一段 JavaScript 读取某个用户最近的 tweets 是完全开放的。
不需要授权，客户端的浏览器也不需要处于 twitter 登陆的状态。
What is publically available is publically available.</p>
</div>
<footer>
<a rel="full-article" href="/blog/2012/07/05/weibo-sidebar/">Read on →</a>
</footer>
</article>
<article>
<header>
<h1 class="entry-title"><a href="/blog/2012/06/29/wo-men-gang-ban-lai/">我们刚搬来</a></h1>
<p class="meta">
<time datetime="2012-06-29T23:34:00-07:00" pubdate data-updated="true">Jun 29<span>th</span>, 2012</time>
</p>
</header>
<div class="entry-content"><p>我们刚从 <a href="http://www.wzhang.org">www.wzhang.org</a> 搬家过来。</p>
<p>傻子也革命的三个人又变成傻革小张一人了。
我尽量把老东西port过来了，当然不可能尽善尽美。
几年前的东西虽然算不上什么博文，也一气保留了下来。</p>
<p>大部分时候会用微博。长的东西有时间会放到这里。
细节还在继续完善。</p>
<p>有人能帮我一块修改默认的theme吗，不慎感激！</p>
</div>
</article>
<article>
<header>
<h1 class="entry-title"><a href="/blog/2011/06/26/6e69c885e58fb7kamae99fb3e4b990e88a82/">6月5号KAMA音乐节</a></h1>
<p class="meta">
<time datetime="2011-06-26T00:26:26-07:00" pubdate data-updated="true">Jun 26<span>th</span>, 2011</time>
</p>
</header>
<div class="entry-content"><a href="http://wzhang.org.s3.amazonaws.com/images/2011/06/IMAG0038.jpg"></a><a href="http://wzhang.org.s3.amazonaws.com/images/2011/06/IMAG00671.jpg"><img class="alignleft size-medium wp-image-1277" title="IMAG0067" src="http://wzhang.org.s3.amazonaws.com/images/2011/06/IMAG00671-300x225.jpg" alt="" width="300" height="225" /></a>
<p>me too!</p>
<a href="http://wzhang.org.s3.amazonaws.com/images/2011/06/IMAG0063.jpg"><img class="alignleft size-medium wp-image-1279" title="IMAG0063" src="http://wzhang.org.s3.amazonaws.com/images/2011/06/IMAG0063-300x179.jpg" alt="" width="300" height="179" /></a>
<p>Eels 玩起了大胡子，像ZZ TOP伐？</p>
<a href="http://wzhang.org.s3.amazonaws.com/images/2011/06/IMAG0042.jpg"><img class="alignleft size-medium wp-image-1280" title="IMAG0042" src="http://wzhang.org.s3.amazonaws.com/images/2011/06/IMAG0042-300x179.jpg" alt="" width="300" height="179" /></a>
<p>丽莎姨。</p>
<a href="http://wzhang.org.s3.amazonaws.com/images/2011/06/IMAG0034.jpg"><img class="alignleft size-medium wp-image-1282" title="IMAG0034" src="http://wzhang.org.s3.amazonaws.com/images/2011/06/IMAG0034-300x179.jpg" alt="" width="300" height="179" /></a>
<p>看来不太带劲。</p>
<a href="http://wzhang.org.s3.amazonaws.com/images/2011/06/IMAG0037.jpg"><img class="alignleft size-medium wp-image-1284" title="IMAG0037" src="http://wzhang.org.s3.amazonaws.com/images/2011/06/IMAG0037-300x179.jpg" alt="" width="300" height="179" /></a>
<p>KAMA音乐节很不错。交通便利，乐队大牌，而且黄牛票能打3折哟，。</p>
<p>（现在博客也玩出微博的味道了，哇哈哈哈哈。。。）</p></div>
</article>
<article>
<header>
<h1 class="entry-title"><a href="/blog/2011/06/06/bill-wells-aiden-moffat-everythinge28099s-getting-older/">Bill Wells & Aiden Moffat - Everything’s Getting Older</a></h1>
<p class="meta">
<time datetime="2011-06-06T04:16:59-07:00" pubdate data-updated="true">Jun 6<span>th</span>, 2011</time>
</p>
</header>
<div class="entry-content"><img class="alignnone" title="billaidan" src="http://www.aidanmoffat.co.uk/images/uploads/CHEM150CD_SITE.jpg" alt="" width="510" height="264" />
<p>我尽量避免在中文中过分的混入英文.</p>
<p>Bill Wells 是苏格兰的实验爵士乐手, multi-instrumentalist. 前些年有跟女唱作者 Isobel Campbell (Belle & Sebastian前成员) 合作过专辑. 之后老姐投奔 Mark Lanegen (Streaming Tree 主音)了. Bill 应该是苏格兰的爵士老人.</p>
<p>Aidan Moffat 是 Arab Strap 的主音. Arab Strap 解散后 Aidan 有出过个人专辑和一系列的 side projects. 怎么说呢, 有点苏格兰伤感诗人/唱作者.</p>
<p>两人今年合作的这张专辑得到了颇多的好评. 上图是专辑封套, 正如专辑的 title 所说 —— 两个老头. 其实 Aidan 今年不过三十七岁. 封套上的单线素描刻意地苍老化了 Bill 和 Aidan, 同时也影射了专辑音乐里的叹息和忧伤. </p>
<p>Bill 的器乐以钢琴为主线, 有时甚至替代了歇息的人声. 背景的敲击乐样式变化颇多, 几乎每一曲都不同. 但器乐整体简约而干净, 给 Aidan 的嗓音添加了一层较为稀薄的音色. Aidan 的歌词应该是亮点, 只可惜我没能找到专辑的歌词, 只能尝试片段试的理解. 应该是中年知识型哥们的文化试 rant, 有时甚至咽下贫瘠的旋律, 开始用苏格兰口音念歌词, 但不难听. </p>
<p>哥们好像已经看到了自己的葬礼, 座在自己的棺材前开始念自己以前没事的时候写的诗, 念着念着就开始骂娘. 一会骂累了, 平静了下来开始叹气, 结果发现周围就他一个人. 好像很 deep, 又好像都是胡扯. 总之, 我挺喜欢.</p>
<object height="81" width="100%"> <param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F16346492&show_comments=true&auto_play=false&color=ff7700"></param> <param name="allowscriptaccess" value="always"></param> <embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F16346492&show_comments=true&auto_play=false&color=ff7700" type="application/x-shockwave-flash" width="100%"></embed> </object></div>
</article>
<article>
<header>
<h1 class="entry-title"><a href="/blog/2011/05/21/seether-here-and-now/">Seether - Here and Now</a></h1>
<p class="meta">
<time datetime="2011-05-21T13:41:43-07:00" pubdate data-updated="true">May 21<span>st</span>, 2011</time>
</p>
</header>
<div class="entry-content"><img class="alignnone" title="foxconn" src="http://nexgadget.com/images/explosion-at-foxconns-chengdu-plant-injures-several-could-affect-ipad-production-update-video_or-fu_0.jpg" alt="" width="480" height="320" />
<p>Seether 的新专辑总算是出了. 制作人是Brendan O’Brien, 听说Incubus的新专辑也是他操刀. 前张专辑tour时加入乐队的第二吉他手在新专辑发行前离开了乐队.</p>
<p>好听么? 一般……不咋的…… 很多东西参差不齐. 亮点也有, 比如”Here and Now”. 90年代的东西还是留在90年代了. 尽管有Seether这样的revival, 他能再延续个十年, 也抗不到下个十年了. 其他的也说不出啥了. 照片是富士康成都工厂爆炸的新闻图片.</p>
<p>小杨和小蔡呢? 都他妈地在忙着赚钱跟微薄. 李敖也在微博上…</p>
<p>开始觉得这个博客只是个摆设, 三个人好像也很难维持. 尽管Wordpress有mobile app, 在手机上compose还是相对复杂. 大多数人还是倾向于微博的便捷.</p>
<object height="81" width="100%"> <param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F15653956&show_comments=false&auto_play=false&color=ff7700"></param> <param name="allowscriptaccess" value="always"></param> <embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F15653956&show_comments=false&auto_play=false&color=ff7700" type="application/x-shockwave-flash" width="100%"></embed> </object> </div>
</article>
<div class="pagination">
<a class="prev" href="/blog/page/2/">← Older</a>
<a href="/blog/archives">Blog Archives</a>
</div>
</div>
<aside class="sidebar">
<section>
<iframe width="250" height="550" class="share_self"
frameborder="0" scrolling="no"
src="http://widget.weibo.com/weiboshow/index.php?language=&width=250&height=550&
fansRow=2&ptype=1&speed=0&skin=1&isTitle=0&noborder=0&isWeibo=1&isFans=0&uid=2116636225&verifier=7b807bb3&dpc=1">
</iframe>
</section>
<section>
<h1>Latest Tweets</h1>
<ul id="tweets">
<li class="loading">Status updating…</li>
</ul>
<script type="text/javascript">
$.domReady(function(){
getTwitterFeed("ndrzmansn", 4, false);
});
</script>
<script src="/javascripts/twitter.js" type="text/javascript"> </script>
<a href="http://twitter.com/ndrzmansn" class="twitter-follow-button" data-show-count="false">Follow @ndrzmansn</a>
</section>
<section>
<h1>Recent Posts</h1>
<ul id="recent_posts">
<li class="post">
<a href="/blog/2012/07/05/weibo-sidebar/">自定义 Octopress 新浪微博 sidebar</a>
</li>
<li class="post">
<a href="/blog/2012/06/29/wo-men-gang-ban-lai/">我们刚搬来</a>
</li>
<li class="post">
<a href="/blog/2011/06/26/6e69c885e58fb7kamae99fb3e4b990e88a82/">6月5号KAMA音乐节</a>
</li>
<li class="post">
<a href="/blog/2011/06/06/bill-wells-aiden-moffat-everythinge28099s-getting-older/">Bill Wells & Aiden Moffat - Everything’s Getting Older</a>
</li>
<li class="post">
<a href="/blog/2011/05/21/seether-here-and-now/">Seether - Here and Now</a>
</li>
</ul>
</section>
</aside>
</div>
</div>
<footer role="contentinfo"><p>
Copyright © 2013 - 小张 -
<span class="credit">Powered by <a href="http://octopress.org">Octopress</a></span>
</p>
</footer>
<script type="text/javascript">
var disqus_shortname = 'shazi';
var disqus_script = 'count.js';
(function () {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/' + disqus_script;
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
}());
</script>
<script type="text/javascript">
(function(){
var twitterWidgets = document.createElement('script');
twitterWidgets.type = 'text/javascript';
twitterWidgets.async = true;
twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
})();
</script>
</body>
</html>