導覽列

2010-03-13

Blogger Hack: 最新文章 AJAX 縮圖版



最近讀到一篇關於Blogger的JSON中,如何截取出Media$thumbnail的文章,Media$thumbnail是Google自動針對網誌內的圖像所產生的72x72縮圖,利用這個JSON物件就有辦法做出帶縮圖的最新文章Widget,我把程式碼與Abin大大的最新文章模組「終極版」做了一個融合,就生出這套新插件可以給大家用啦。

使用教學:(我盡量簡單化安裝步驟,裝起來應該不會有太大難度)
  • 到[設定]->[網站提供]->將文章資訊提供改為[完整],否則本外掛會無法使用喔。
  • 到[版面配置]->[網頁元素]->新增[HTML/JAVASCRIPT]元件。
  • 在內容表格填上下列程式碼
    <style>
    /* 最新文章 */
    #RPosts ul{margin:0;padding:0;list-style:none;}
    #RPosts li{display:block; margin:1px 0;height:52px;line-height:20px;padding:0 5px;border-bottom:1px dotted #ccc;}
    .RP-title{font-size:13px;display:block; padding:5px 0 0;}
    .RP-thumb{width:40px;height:40px;border:1px solid #ccc;padding:2px;margin:3px 8px 3px 0;float:left;}
    #RP-nav{font-size:14px;margin-top:8px;text-align:center;}
    </style>

    <div id="RPosts"></div>

    <script language="javascript">
    var nPostStartIndex = 1;
    var nPostShow = 5;
    var noImage ="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";

    function showRecentPosts(nIndex) {
    if (!nIndex)
    nIndex = nPostStartIndex;
    var sFeedURL = '/feeds/posts/full?orderby=published&start-index='+nIndex+'&max-results='+(nPostShow+1)+'&alt=json-in-script&callback=generatePosts';
    var script = document.createElement('script');
    document.getElementById('RPosts').innerHTML = '  Loading...';
    script.setAttribute('src', sFeedURL);
    script.setAttribute('type', 'text/javascript');
    document.documentElement.firstChild.appendChild(script);
    }

    function generatePosts(json) {
    function compareentry(a,b) {
    order= Date.parse(a.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 GMT')) - Date.parse(b.published.$t.replace(/^(\d{4})-(\d{2})-(\d{2})T([0-9:]*)([.0-9]*)(.)(.*)$/, '$1/$2/$3 $4 GMT'));
    return 0-order;
    }

    var sortentry = json.feed.entry.sort(compareentry);
    var nIndex = parseInt(json.feed.openSearch$startIndex.$t);
    var nTotalPost = parseInt(json.feed.openSearch$totalResults.$t);

    var sHTML ='<ul>';

    for (var i = 0, Post; Post = sortentry[i]; i++) {
    if (i >= nPostShow)
    break;
    var title = Post.title.$t;
    // Fetch thumb script by Aneesh of www.bloggerplugins.org
    var thumb;
    try{thumb = Post.media$thumbnail.url;
    // If image source from flickr than use exsisting thumbnail
    if(thumb.match("flickr")=="flickr")thumb=thumb.replace(/\_[stmo]\.jpg|\.jpg/,"_s.jpg");
    }
    catch (error){
    s=Post.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);
    if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
    thumb=d;
    // If image source from flickr than use exsisting thumbnail
    if(thumb.match("flickr")=="flickr")thumb=thumb.replace(/\_[stmo]\.jpg|\.jpg/,"_s.jpg");
    }
    // No mediathumbnail and any image in the article
    else thumb=noImage;
    }
    var j = 0;
    while (j < Post.link.length && Post.link[j].rel != "alternate")
    j++;
    var link = Post.link[j].href;
    sHTML += '<li><a href="'+link+'"><img class="RP-thumb" src="'+thumb+'" /><span class="RP-title">'+ title +'</span></a></li>';
    }
    sHTML += '</ul>' + generatePostLink(parseInt(json.feed.entry.length), nIndex, nTotalPost);
    document.getElementById('RPosts').innerHTML = sHTML;
    }

    function generatePostLink(nFetch, nIndex, nTotalPost) {
    var bOld = (nFetch > nPostShow);
    if (bOld) nFetch = nPostShow;
    var sResult ='<div id="RP-nav">';
    if (nIndex > nPostStartIndex)
    sResult += '<a href="javascript:showRecentPosts('+(nIndex-nPostShow)+');" title="Newer Posts">上一頁</a>  ';
    sResult += '第'+nIndex+'-'+(nIndex+nFetch-1)+'篇, 共'+nTotalPost+'篇  ';
    if (bOld)
    sResult += '<a href="javascript:showRecentPosts('+(nIndex+nPostShow)+');" title="Older Posts">下一頁</a></div>';
    return sResult;
    }
    </script>

    <script language="javascript">showRecentPosts();</script>
    <a style="clear:both;float:right;font-size:8px;color:#ccc;padding:2px;" href="http://blog.nightspirit.tw/2010/03/blogger-ajax.html">MOD BY NS</a>
  • 開頭的STYLE為此元件的CSS,可以自行針對版面做客製化。
    #RPosts li - 此li元件為每一列圖片加標題的外框,我預設52px高,有加下底線,可以透過設定margin調整項與項的間距,透過padding決定內容與外框的間隔。
    .RP-title - 標題的span元件,可以透過font-size來改大小,padding來決定與頂端的間隔。
    .RP-thumb - 縮圖的img元件,可以透過width、height來調整縮圖大小,margin-right來決定與標題文字的間隔。
    #RP-nav - 底下的訊息列與上下頁籤,是一個div物件,基本上就隨你喜歡來操作囉。
  • var nPostStartIndex = 1; 此參數決定你要從第幾頁開始。
  • var nPostShow = 5; 此參數決定每頁entry的個數,建議這個不要設太高,畢竟讀取太多縮圖會花較長時間。
  • 對JS熟習者,上下頁或特定字詞可以在內碼中找到並自行替換,元件結構也可以透過填入SHTML的順序來加以變動。
  • 為了推廣此套件NS有在底下放了一個MOD BY NS的小連結,如果覺得這外掛好用的話請不要把他拿掉,如果真的覺得礙眼的話,請用CSS #RP-link{display:none;},謝謝您的支持 :)
套件特點:
縮圖第一步是先找有沒有對應的media$thumbnail,沒有則會去搜尋內文中的圖片。

這邊有加入flickr的檢查機制,如果你是用flickr當圖床,程式會自動把URL轉成flickr縮圖的位置來加速讀取時間(3/14更新,我把replace那邊換成通用的正規式,因此不論用_s,_t,_m,_o或無印應該都會轉成_s.jpg)

若是用其他圖床恐怕就必須載入原圖並因為強制縮為正方形而造成部份失真。至於什麼圖都沒找到的情況之下會填入一張無縮圖的圖像,各位可以自行把程式碼中var noImage=""的字串換成你想要的圖片URL。

2010-11-30更新
由於blogger feed的media$thumbnail有時會抓到flickr的_t.jpg縮圖,所以需將檢查機制同時加入try()跟catch(error)裡,程式碼部份已修正,請直接換用新程式碼。

延伸閱讀:
  1. Related Posts Widget for Blogger with Thumbnails - 我從這篇學到怎麼去抓thumbnail,或者從內文中找到圖片。
  2. 最新文章模組「終極版」 - 模組原型是取自於Abin大大這篇。

常見問答:
Q. 跳頁功能無法使用?
A. 主因是本外掛改自Abin大大的最新回應終極版,在做的時候並沒有把原來的更新Function改名,造成兩個外掛無法共容,最快的辦法是擇一使用之,不然就是要把我程式碼中showRecentPosts用別的字串來取代...
Q. list-style就算設成了none也無法把清單bullets移除?
A. 很多template是利用background來做清單的bullets,所以只要在#RPosts li裡加入background:none;的屬性即可把bullets移除。

最後希望大家都能快樂的hacking blogger,有問題的同學請在下面發問,洩洩!

2011/1/31 NS已推出JQuery為主的新版插件,歡迎試用。
Blogger RecentPosts 最新文章插件 V1.0.0

39 則留言:

euyoung 提到...

這個好威....我找個時間再來裝一下,最近在趕東西

匿名 提到...

這個超讚的 

NightSpirit 提到...

樓上:
謝謝~ 喜歡的話還請幫小弟多多宣傳 :)

HermesLee 提到...

你好,我試著在我的網誌安裝了這個非常棒的程式,
但是發現按程式中"下一頁"時,他都不會讀取接下來的文章,請問有可能是我哪邊設定錯誤嗎?
http://jokerson.blogspot.com/ <=這是我的網誌

NightSpirit 提到...

HermesLee:
因為你底下裝了一個abin版的最新文章,因為我這是改自abin大的程式所以更新函式showRecentPosts是共用的,看你要把這函式改個名或是兩者擇一使用囉

Atlas Weng 提到...

請問一下,我的List Style是設定none,卻還是顯示,要怎麼才能讓他消失呢?

HermesLee 提到...

搞定了,這真的是ㄧ個非常棒的東西,
很感謝你的分享和講解。

NightSpirit 提到...

Atlas Weng
我剛看一下你的ul li 背景都被加上了有點的background,所以那點並不是list-style管的,我試著用web developer調但是css蓋不過去,可能你的版型有鎖住CSS,你可能要自己debug看看...

huijung 提到...

嘿,謝謝你的ajax!我忍不住裝來玩了
雖然又熬夜還是要弄到好才甘心XD
我真的一頁頁檢查縮圖有無正常出現
像福利客有時出不來的原因也找到了
若當初上傳的圖過小,但用最大尺寸的網址就會出現問題
要再選小一號就ok

還順便檢查到以前空間失效沒有叉燒包的圖
NS~GJ!!
http://huijung.blogspot.com
請驗收!

NightSpirit 提到...

Huijung:
很高興能幫到你,你能喜歡這個外掛就是我最大的榮幸囉,也請幫我推廣囉 :)

Atlas Weng 提到...

list的問題已經解決了!目前正在運作中!非常好用!超感謝你!
(不好意思,我把link拿掉了,因為它跑出格子外,不過我有聯播連結,沒關係吧!)

LVCHEN 提到...

哈,這東西真的是愈來愈炫了,我才知道有 thumbnail 可以用耶!
未來讓我也把它加進我新版的外掛裡,肯定也會很威的啊!
感謝!

LVCHEN 提到...

特別覺得,這功能對於圖文部落格特別有幫助,甚至可以當做一個單獨的功能來開發,做成類似電視牆之類的東東...呵呵
說不定比月曆形式還要有趣!

NightSpirit 提到...

LVCHEN:
給你看看我正在試作的新外掛,不過現在還有些小問題無法解決,例如圖位置會跑掉跟IE/FX無法兼容的問題。

Hudson 提到...

你好,我在我自己的部落格中嘗試安裝這個hack,但一直顯示loading,請問是否需要讓程式自行抓取一段時間後才能正常顯示呢?

我有裝abin的最新文章和最新回應,但兩者移除後這個hack還是一直在loading,不知道是什麼原因?謝謝!

璘夜 提到...

之前試都一直不成功呢。

但是試著改裝ABIN'S的掛件卻可以。
小小的研究一下才發現,原來格主所抓取的RSS是全文。
ABIN的是摘要,而我自己本身的BLOGGER RSS是只提供摘要的~
難怪一直無法出現~

謝謝格主的掛件,這個比BLOGGER原配件來的理想多了!

NightSpirit 提到...

Hudson:
剛到你網誌看過,如同璘夜所言,此外掛需要開放完整的網誌提供,請到[設定]->[網站提供]->將文章資訊提供改為[完整]。 另外你目前使用的最新文章套件是abin版的,跟這套會有衝突,請擇一使用之。

璘夜:
很開心你喜歡這個套件,你的提醒我注意到了,在安裝說明的部份我加入了這條注意事項,感謝你 :)

Hudson 提到...

謝謝格主,改過後就可以用了,非常謝謝你的幫忙,真的是很棒的掛件,看起來很賞心悅目!

樗里疾 提到...

你好 不好意思想請教一下
如果想把最新文章作成跟這blog一樣

http://phx1985.blog125.fc2.com/blog-entry-405.html

該如何下手呢? 謝謝^^

NightSpirit 提到...

樗里疾: 是說要弄成tab式的下拉選單嗎?,那你可能要去找下拉選單的外掛再把最新文章的內容寫到innerHtml了

Jimmy Yen 提到...

好東西, 請問如果想要再加上內文的前幾個 character, script 要怎麼改呢 ?

鄭凱文 提到...

感謝NS兄提供這外掛,真是帥呆了...

[啵啵啾小公主Kaylin | Life 写真の日記] 提到...

哇!你真滴好棒喔~超感謝你滴!這各很好耶^^找好久!真滴很謝謝你

ShyuWei 提到...

好東西阿 雖然很久沒碰網誌了XD 還是手癢玩了一下

St. 提到...

謝謝你...我也手癢改了一下..
還在研究Blogger hack: AJAX LOADING 動態文章中...

mokotw 提到...

發現一個BUG
程式中雖然有加入flickr的檢查機制
但是1~5項的_s,_t,_m,_o縮圖
並沒有轉成_s.jpg

請問要如何解決

mokotw 提到...

以你右側的最新文章
DIY MINI STUDIO 自製迷你攝影棚
文中的第一章圖
http://farm2.static.flickr.com/1030/5180609337_58e05e733a.jpg

被轉換成
http://.............._t.jpg
但並沒有縮成
http://.............._s.jpg

請問要如何解決

不知道nightspirit懂不懂我的意思

NS 提到...

Mokotw:
謝謝你的回報, 我還在抓bug, 若是抓到了會再通知您。

NS 提到...

Mokotw:
我抓到bug了,剛剛研究了一下新的feed,發現blogger現在會抓flickr的_t.jpg來塞到media$thumbnail這個entry,所以我的檢查機制要放到try()裡面而非底下的catch(error)。

我已經將原碼更新過了,只要直接copy paste新原碼即可。

有錯誤的話再跟我說

Christine 提到...

這是可以找到的"最新文章"工具裏, 最好用也最好看的. 謝謝你.

Christine 提到...

天才大大,
很謝謝你offer了recent posts的模組套件, It works excellent on my brogger. 但我把它加入我一個同學會部落格, 這個設定為不被search和要有密碼才能進入, 在這裡就發生error. 是否因完全封鎖就不行使用? ( 但另一個設定成不被search, 但任何人皆可瀏覽, 你的模組就work ) 因不希望不同學會部落格開放為to public, 想請問是否有解決的方法?

NS 提到...

@Christine

沒有辦法~ 如果不公開就表示抓不到json feed,那麼這個plugin就完全無用武之地。

Christine 提到...

Thanks.

墮天使 Flora 提到...

讚!!
套入BLOG囉~~~~謝謝

桃園縣第四區社區保母系統 提到...

你好~我想請問該怎麼樣才可以讓點選的文章用另開新視窗的方式開啟呢~感謝您

Cachalot704 提到...

這東西真棒!!借使用: )

Victor Chen 提到...

真的好方便! 感激不盡!

銀行攻略 提到...
作者已經移除這則留言。
匿名 提到...

感謝大大的熱心分享造福我們這些笨笨的使用者
但還是不好意思想請教一個可能有點困難的問題
就是這個文章列表的功能是否可加入限定想要的標籤使用呢?
就是想要跑出限定文章標籤的東西

不好意思 但自己研究很久了 土法煉鋼套用了一堆程式碼都沒成功過...(
遜...)

張貼留言

非Blogger會員的朋友,請在"發表意見的身份"選單選用"名稱/網址"填入您的大名,這樣NS才知道該怎麼稱呼你喔 :)

文章回應

友格友品

  • 4131.鳳頭蒼鷹 87.2 @成功大學 - 本篇分享 2017 年 10 月 10 日,*無限台南* 騎著機車趴趴照,在成功大學所拍攝的鳳頭蒼鷹 – PART II。 AM 10:50 母鳳頭發動地面攻擊 無所獲,飛上洗澡預備備的位置 AM 10:58 下水了 先泡泡水,那就拍近照 濕身秀...
    8 小時前
  • 手機帳單電信費刷卡 哪一家最優惠 - 手機帳單這樣繳下來一年其實也不少,如果當初為了買高額手機月租費最少都是以千起跳,如果每個月能夠省一些費用起來, […] 這篇文章 手機帳單電信費刷卡 哪一家最優惠 最早出現於 資訊下載。
    13 小時前
  • 2017/10/22記事本 - 2017/10/22記事本 今日記事: 十月二十二日。週日,晴,有點涼意。 早上九點多醒了,夢非常離奇的,是騎著機車在工路上飛馳。 突然快車道撞車,要從邊線快速通過時,擋到一台搶快的車。 接著感覺就有種因此而被追殺的感覺,後來睡著又進入夢境。 但並不是原來那裡,眼前是一台大貨車,車上載著的是木板。...
    23 小時前
  • 【開課公告】人類圖第一階工作坊-11月晨間班 - 【人類圖第一階課程:Living Your Design工作坊】 日期:11月13日起,共八堂。此次為一週兩天的密集班 時間:每週一、二 早上10點~11點半(10:00 – 11:30)(此為台灣時間。GMT+8時區) 費用:NTD 10,000元 早鳥價:NTD 9,000元 ( 11月2日之前完成報名繳...
    5 天前
  • 我看見、我知道、我思考 - 我看見、我知道、我思考:大人都忘了...那些簡單卻重要的小事 作者 / 中島芭旺譯者 / 丁世佳出版社 / 三采文化股份有限公司出版日期 / 2017/09/01商品語言 / 中文/繁體裝訂 / 平裝 令人驚訝的10歲兒童表現。因為學校的霸凌,讓他選擇在家自學,卻也讓他觀察更多生活上的細節,自己去尋...
    6 天前
  • 試讀:《擁抱B選項》 - 若非經過突如其來的變故,人們恐怕從來不知道自己的內心有多麼的脆弱,慢慢施加的壓力往往讓人不易察覺,但若是瞬間發生的意外,無論是挫折、失去或是任何讓人引起悲痛情緒的變化,就足以迅速的擊潰人們的情感與理智,讓人陷入痛苦,面對這種情況,除了讓自己落入情緒煎熬的困境之外,還有什麼更佳選擇? 著有《挺身而進》及《給社會...
    1 週前
  • 真文青在文房與鋼彈間游刃有餘 - 看到宏達電論壇成員張貼一篇介紹「文房」的照片集後,覺得這地方還頗為適合讀書人留連忘返之所在。瀏覽文房的官網介紹,就預約今日的下午時段拜訪。往臺北市的路途時而陰雨綿綿時而滂沱大雨,希望今日的參觀人數不多,如此方能獨占享受午後寧靜的居家書房的氣氛。 走進大門,推開木造屋門,望入眼簾的是玄關一串碗公造型的吊...
    1 週前
  • What Are The Considerations That One Should Always Keep In Mind While Selecting A Divorce Lawyer? - Whether you’re a man or lady, the dumper or dumped, one of the primary things you likely acknowledged you expected to do to get separated is that you ha...
    1 週前
  • [影評] 大話西遊的時空交錯組合與劇情整理 - . 跟很多朋友推廣這部片時,很多朋友都表示「看不懂」。 或單純認為這是搞笑片,有的也會對超級悲劇的紫霞之死動容,但始終還是搞不懂這部片各種前因後果。 因此在此寫了一篇整理文。 首先,我全篇文章都使用這部片的香港翻譯,這不是因為我「不愛歹灣」 ,而是因為臺灣翻譯-《齊天大聖東遊記》、《齊天大聖西遊記》這翻譯...
    3 週前
  • 十年,京都四季(卷五)京都與我,有時還有關西 - *十、四季* 十年,從口中說起來好像是個有點遙遠的時間單位。在真正經歷過以後,也彷彿只是昨日。 轉眼間從我拿起相機以來,也將近二十年了,一開始只是想找個紀錄電腦DIY的方式,然後是為自己的文章找尋素材,到後來才確定了以各種旅行與日常的觀點來做為喜好並拍攝的題材。 人家說時間是把殺豬刀,刀刀催人老。我是還年...
    5 週前
  • 到 AliExpress 挖寶購物中! - 中午和同事吃飯聊天,看到她的漂亮手機套,想到之前在Amazon 訂的白色透明手機套大約美金五元,她到 AliExpress 訂手機套,一個不到美金一元還含運費,若60天內收不到貨還有退款保證 (Buyer Protection),令我有點半信半疑。她就說最後是用美國郵局的服務寄到家,單價不高沒收到也會退款,不...
    2 個月前
  • ▌2017 情飛首爾。沒有回來的明信片。 - 金色的63大樓閃耀在漢江邊,倒影也發著光 是汝夷島的重要存在,好喜歡 巴士上地鐵上計程車上我都目不轉睛地盯著 高樓的夜景我更是推薦! 好想知道, 明信片遺留在何處? 在首爾婚紗旅拍的緊張興奮 在盤浦大橋月光彩虹噴泉夜市的放鬆 沒有預設就體驗了美好韓屋下午茶的美夢成真 還有我剛學寫的菜菜的韓文...
    2 個月前
  • ▌2017 情飛首爾。沒有回來的明信片。 - 金色的63大樓閃耀在漢江邊,倒影也發著光 是汝夷島的重要存在,好喜歡 巴士上地鐵上計程車上我都目不轉睛地盯著 高樓的夜景我更是推薦! 好想知道, 明信片遺留在何處? 在首爾婚紗旅拍的緊張興奮 在盤浦大橋月光彩虹噴泉夜市的放鬆 沒有預設就體驗了美好韓屋下午茶的美夢成真 還有我剛學寫的菜菜的韓文...
    2 個月前
  • 南方航空的Boing787 - 第一次搭機體驗到窗戶不是用隔板來遮日光,而是用變色玻璃(電致變色)! 最近搭到的中國南方班機,波音787機型。大約是5小時的航程,一到巡航高度,忽然之間,大白天變成了夜晚!(咦?日蝕還是飛過了換日線?) 原來不是,原來是全機的窗戶玻璃都是電致變色的,不再利用隔板就可以用開關整個使玻璃變不透明遮日光,真是科技方...
    3 個月前
  • 斑馬 - 昨天爸爸一看到我們就哭了。一個老男人一手抓著電話,另手抓著欄杆,淚水和鼻涕噴在橫亙於我們之間的玻璃上。而還好有玻璃。我想安慰他,卻又覺得自己更需要他的安慰。 哭什麼哭?怎麼了? 他們欺負我,他們不尊重我,差點打起來。 為什麼要跟別人起衝突?你要忍耐。 我現在在違禁房,每天都要打坐,你們要多來看我,這樣我就可以常...
    5 個月前
  • 新工作 - 不小心又換了工作。 ...繼續閱讀
    5 個月前
  • 程式設計師之禪 - 程式設計師之禪 The Zen Programmer Christian Grobmeier 著 榮耀、朱豔 譯 會被這本書吸引,是看到第4章裡提到了時間管理,好奇禪和時間管理是怎麼發生關係? 本書不斷的提及在這碎片化時代,要專注在某一件事有多麼的不容易。當我們正在絞盡腦汁的進行工作時,先是一封email跳出...
    5 個月前
  • 向全世界還抱有勇氣的人 致敬 - 世界不平靜。 生命來去。 無語無泣。 方寸起漣漪。 心湧意噤。 愛與勇氣。 是的,我們都是透過倒影看世界; 甚或是倒影的倒影。 轉身面對,雜沓紛至,唯愛與勇氣是依。
    5 個月前
  • Watercolor characters 20x14 cm - 差一點進不了痞客邦,太久沒登入po文連帳號密碼都忘了, 還好,終究還是想了起來,否則這裡就得畫下句點。
    5 個月前
  • 3/18 梵咒課程結束後 - 今天晚上本想好好備課,寫點進度,好好睡覺(安心感浮現)。 明天上完課之後,把台中五月份的礦石課程寫好來,就可以休息休息休息。 但消化了一下課程的能量,泡了杯花草茶放空著,就想去休息了。最近真的更明顯的感覺到宇宙的每一個圓滿時機的安排,一個意念升起、一個機緣成就,意念當中的意願越清淨清楚、機緣的成就就越單純也...
    7 個月前
  • 第八月台市集旅店 -  
          近期住到最滿意的旅館之一當屬彰化的第八月台市集旅店<...
    9 個月前
  • Impossible is Nothing -- Bruno Munari 《Plus and Minus》 - Impossible is Nothing Bruno Munari,一位難以定義的多面向大師。 查了查他的資料,才發現他涉足各個設計領域,甚至被Picasso譽為『現代達文西』,其在藝術設計史上佔有的地位不言而喻。 他的作品充滿了未來感,講求以簡單的線條,組成和諧卻又不受拘泥的作品。 他最重要的作品之...
    9 個月前
  • 山口之旅4◆秋芳洞探險 - 繼自然動物公園之後,我們接著走訪山口縣境內,另一個和歷史沒什麼關係的地方。一樣位在秋吉台,這次是當地鼎鼎有名的特殊地形。 秋吉台是位在山口縣美襧市的台地,以日本最大的喀斯特台地而著稱。所謂喀斯特地形,是指岩石受到溶蝕作用而形成的特殊地貌。 前往秋芳洞的路上,沿途就可以看到處處都是白色的石灰岩。 咦?這個不是...
    10 個月前
  • [紐約生活]秋天 - 已經進入秋季了,小兔到新學校上幼兒園(kindergarten )妹妹跟我在家,下午一起去接哥哥。聽說今年的冬季來勢洶洶,會既冷又長,所以特別珍惜最後的秋季時光。圖片是鄰近學校的人家給秋季的贊禮,冬季一來庭園大概除了靄靄白雪就什麼都沒有了。照一張照片,感謝他們的用心。
    1 年前
  • [代購一下] We are going to UK/FR 啦! -
    由於這個月底會前往歐洲 (英國/法國) 一趟,想藉由 代購順便補貼一點旅費,請大家多多參考
     
    下面的代購文會同步發表在其他平台,有興趣的朋友歡迎來信討論喔!
     
    eMail: sp...
    1 年前
  • 詩歌|分別為聖~ 五餅二魚 - ------------------------------ (繼續閱讀...)
    2 年前
  • 餵母奶的美麗與哀愁 - 在芮芮出生前,我一直抱持著「有奶就餵,沒奶就補配方奶」的心態,儘管我在懷孕過程當中,絲毫沒有脹奶,罩杯完全沒有變大,只有圍不斷在增加(因為變胖了啊!),不過我還是樂觀地覺得自己一定會有奶,殊不知在生完之後,就是追奶地獄的開始。 大概是因為自然產的緣故,本人我恢復非常神速,只躺著休息了三個小時就能下床跑跳,雖然有...
    2 年前
  • 台灣帥哥美女劇增-桂花巷遊- 2014 回台感想 - 南庄洗衫坑 每次從美國回台灣探親我總喜歡逛逛台北101附近新穎舒適的百貨公司,因為歐洲美國日本各地的好東西在這裡都找的到,更棒的是附近還有很大的誠品書店可以逛書。但不知道為什麼,和三年前回去的印象比,似乎每個專櫃走出來推銷的人變多了(除了ㄧ樓化妝品專櫃之外,大概還是要保持個品牌驕傲的尊嚴吧?),最令我咋舌的是:...
    2 年前
  • 拼圖 - [image: _DSC5776] 人與人之間是無數的拼圖,完美地相接,方能共享當年。 每一塊拼圖,並非等重。 我有你也有=把酒言歡; 我有你沒有=暗自神傷; 我沒有你有=過客一場; 我你都沒有=雲淡風清。 壞了的、丟了的、忘了的, 是個遺憾,也可能是個痛快。 酸甜苦辣,應是拼圖的著色劑; 愛恨情仇,更是...
    3 年前
  • 童言童語 – 2013.01~2013.06 (2y4m~2y9m) - 2013.01.02 溪溪歷經一段時間的抗拒擦藥之後,最近又開始喜歡擦藥(僅限於蚊蟲咬傷的藥,其他外用藥有時候還是會抗拒),今天拿了蚊蟲咬傷的藥給我,指著他的小手背跟我說:這裡痛痛,要擦藥 我看了一眼,沒發現任何痕跡,便問:為什麼痛痛? 溪溪:呃...因為昨天走路走太多了 我:昨天沒有走太多路啊!而且走路是...
    3 年前
  • 紐約三年,新年快樂 - 2010年12月23日我搭上華航飛回紐約展開人生的另外個階段。 幾個跟我十分要好的朋友都知道我這趟回紐約很有可能以後都不會回台灣了。 愛有多深,恨就有幾分,這是我對台灣的感覺。 已經過了很久很久,我都還記得十多年前剛回台灣時的熱情,履歷自傳寫著懷念故鄉的美食與生活,很想為台灣做點什麼。 無奈的是台灣已經不是...
    3 年前
  • Shanghai- CEVICHE Peruvian restaurant / 秘鲁咖啡廳 - TEL:5404 1052 559 Fuxing Lu, near Sinan Lu 复兴路559号, 近思南路 Ceviche is a Peruvian restaurant located near Sinan mansion. There is a tiny indoor space with a...
    4 年前
  • 在美國,找工作(五)- 結語 - …看上篇 本來以為三篇就寫的完,沒想到…主線居然衝到第五篇,後面還有支線劇情要交代…XD 以為只是輕鬆幽默的寫寫經驗,順便回顧過去一年來的煎熬,然而打稿的過程中,不得不感嘆一聲,這真是一個嚴肅的主題,因為這不只是留學準畢業生們的問題,也是土生土長的美國畢業生人人心中的問號。 雖然這一年來在職場上尋尋覓覓...
    4 年前
  • 此blog暫停更新 - 此blog暫停更新, 請至Shaw的天空-Wordpress站繼續支持我, 謝謝。
    4 年前
  • Nope, I don't always have time (for you). - So I find it extremely annoying when people assume I WILL have time for them. Why so? I don't understand. Sure, everyone's busy, at work, at family, or all...
    4 年前
  • 《愛的重量》(The Burden )_【心之罪】系列之二 - 『你不該那樣做的,小蘿拉...。』_ by 阿嘉莎.克莉絲蒂 。蘿拉自小以為手足的存在是造成她不受父母關愛的元兇,在乖巧懂事的背後其實暗藏某個可怕想法,直到從火場救出嬰兒,她將憎惡與懊悔化為一股牛般的力量,誓言要好好保護好這個妹妹。多年之後她還是失去了妹妹,她才真正明白當初忘年好友的一句話:『我知道上千種愛的方...
    5 年前
  • 一轉眼.... - 我的老天爺 一轉眼 我回來台灣已經快要兩年了..... 這兩年除了換工作之外 好像也沒有什麼新鮮的事情 同樣的作息:上班,下班 同樣的運動:跑步,瑜伽 同樣的男人:老查,很遠 不同的可能只有 身上多出來的肥肉 臉上多了幾道細紋 頭上多了幾根白髮吧...... 啊! 還有無止盡的肩頸酸痛(所謂的鍵盤滑鼠手嗎?...
    5 年前
  • 不留情面的時間 - 不論是不是一個談判高手,跟時間談判,永遠只能屈居下風。 一晃眼,半年又過去了,我的小人計畫進度為「零」,還真的就停留在三月十七號那一天的進度上。 而之後我做了什麼呢? 考了一次英文檢定後,帶爸媽去了歐洲訪親走普通儉樸路線之旅,接著跟老公去北海道露營和到處發現熊大便的零度低溫修行之旅。雖然一直旅行看似幸福,...
    5 年前
  • Hey, are you Mickey Mouse? - *因为有事北上,刚好有机会到谷中城一睹米奇老鼠们的各种风姿^^* 幽灵米奇 落网之米奇 战士米奇 天使与恶魔米奇 米奇中的米奇(?) 野人米奇 骷髅米奇 酷酷米奇 米奇之你捉不到我! 黑白无常米奇 海盗米奇 海盗米奇之 到底谁比较坏???
    5 年前
  • 人父。 - 母親略帶顫音,「你爸只說回來以後要修理你,然後就掛電話了。」她緊抿著嘴走向廚房,應該是暗自決定在父親動手前替我求情。可我究竟犯了什麼錯? 摩托車引擎聲由遠而近,我的心跳也越來越費力。風暴捲進家門,父親的動作故意引起大聲碰撞,宣告他的怒氣無處發洩。他高分貝地呼喝著,除了我的名字和不好聽的語氣助詞,其他的都聽不清楚...
    5 年前
  • 回溫 - 放置己久的 部落格. 消失的掏空政府聯播 久違的陽光
    5 年前
  • 頂級設計旅店 W Hotel Taipei - 繁華閃耀的信義區,讓頂級設計旅店W Hotel 為台北打造,令都市旅人都嚮往的 W Taipei,由倫敦的G.A. Design International 所操刀設計,奢華的空間設計氛圍,替遊牧於城市與城市中的旅人,有個美感不落差的摩登棲息地。
    6 年前
  • Super Moon - 據說是近20年來最大的滿月,根據NASA的報導似乎比平常要大上14%^^趁著假日又逢天氣大好,熬夜在屋頂架起腳架賞一下這難逢的超級月亮。 [image: _MG_2615] [image: DPP_0035] [image: DPP_0032] [image: DPP_0033] [image: D...
    6 年前
  • 求婚戒!! - 幾百年沒回來寫文章了,一回來就是寫砸錢買的求婚戒指XD, 先感謝一下ptt大推的台中金時代,讓我先借了個應急用的求婚戒,完成了求婚~~不然我要是真的買了一個我家喵喵不喜歡的,要再買新的我就頭大了XD真的帶喵喵去挑戒指,才驚覺的鑽石真的是一堆學問,多虧店員耐心講解,不過到最後,我也只記得4C(不要問我4C是啥,我...
    6 年前
  • 屬於自己的角落 - 每個上班族都希望可以在下班時有個讓自己身心都放鬆的地方 這幾天晚上幾乎都是這樣度過的,開一盞微微的燈光,一個人攤坐在椅背上看書、上網... 喜歡這種光線聚焦在一個焦點的感覺,就算周遭在怎麼紛亂,此時視線也會被這道光侷限著 看不清外面的景況,也許也不會被外面的世界打擾 我不知道這樣子到底算不算一種放鬆 ...
    6 年前
  • 鴿子評繪畫比賽,不怕後台很硬 - 看到鴿子也能訓練到可以鑑別小學生的塗鴉好壞,我直覺的就想起統一超商跟友達面板廠合辦的母親節繪畫比賽的評比結果,那封轉寄信上說第二名的後台似乎很硬。 這場比賽如果找鴿子來評比的話,大概就不會有後台很硬的問題。在日本人 Shigeru Watanabe (這個人得過 2005 年的搞笑諾貝爾獎) 的訓練之下,...
    8 年前
  • 真的長草了? -
    <img src="http://pics16.blog.yam.com/6/userfile/n/nextstep/blog/1463f5057c83dd.jpg" alt="" style="border-width: 0pt; margi...
    10 年前
  • 藍鐘花道 - 這一趟旅程壓軸好戲,就是民宿附近的藍鐘花道 Arlington Bluebell Walk http://www.bluebellwalk.co.uk/ 。從民宿旁的小徑可以直接走到森林中的藍鐘花道,樹蔭下種滿了藍鐘花,沿途還可見到牛羊兒吃草,全程來回約需三小時。我去的時侯剛好是藍鐘花盛開的季節,整個森林佈滿了...
    10 年前