導覽列

2010-01-31

Blogger hack: AJAX LOADING 動態文章

loading.png

熱衷於blogger的人多半都帶有DIY改造的偏執,得了不把blog弄的很華麗就會死的病。畢竟這是自由度最高的BSP,不大改特改實在是對不起辜狗大神提供的免費午餐。這一路走來,從一開始看到什麼酷炫功能就胡亂加上,到後來越來越講究所謂的《讀者體驗》。我的改造之道漸漸趨向【不加不必要的東西】、【盡可能使用原生功能】,畢竟內容才是一個部落格的主軸,把邊欄妝點的花花綠綠實在有些譁眾取寵。

在NS近期的改造之道上,有幾個重點:就是追求載入極速、內容動態化、盡可能的強化讀者搜尋與閱讀的便利性。今天要教各位的這個小技巧,就是能把Blogger原生標籤與下方的Pager發揮淋漓盡致的動態載入功能。

如果有在碰blogger Hack的人一定有聽說過Hackosphere的Neo Template,這個可說是動態文章概念的始祖,它是透過讀取JSON的方式再用Javascript把內文格式給產生出來,誠如作者所說,這個模版超快、非常快、閃電霹靂快...

但是缺點也很明顯,作者捨棄了原有的部落格格式,透過JSON讀取所產生出來的內容會不完整(例如回應部份、還有後來blogger加入的評分、讀者觀感等新功能),再者全部透過Client端JS來作用,那麼只要碰到關閉JS的讀者,那整個blog就死掉了,因為種種原因而讓我覺得不是一個理想的呈現方式。

這當中NS也有試過hans的Table of content,還有Lvchen兄的標籤選台器2.0改造版,想讓讀者可以先快速瀏覽標題再決定要不要點選閱讀,不過成效普普通通,我想最主要是因為光看標題遠不如看文章摘要來的有吸引力。

這陣子因為blogger發佈了官方版的繼續閱讀功能,可以大幅縮減摘要文章的內容(以往的繼續閱讀只是用CSS把其他部份給隱藏,所以實際上在載入的時候還是會讀取這些html碼。官方版的則是直接在server端就把非摘要部份全部砍掉,Request回來的檔案會變清爽很多);加上我最近裝的Lazyload功能可以大幅提升含大量圖片的網頁讀取速度;再加上我最近認真的玩了一些Jquery,有種任督二脈被打通的感覺(笑)

因此我腦中靈光一現,為什麼不用AJAX了方式來Load remote page,再把現有的某區塊給更新就好呢?這樣我也不用煩惱什麼JSON解析完還要重新Render頁面的鳥事啦。

嘖~講到這大概大家要一頭霧水了,各位不妨直接體驗一下吧。

01.jpg
首先可以試試內文標籤的部份,點下之後...

02.jpg
文章不見了,出現了loading的圖示...

03.jpg
ㄟ~原本點標籤會出現的頁面怎麼出現了?!而且網頁並沒有reload的閃動,只有在主欄位這邊有變動而已。

人客阿!這就是AJAX阿!AJAX不是只有搞CSS特效而已,非同步Request跟動態更新才是箇中精髓。

04.jpg
同樣的,最底下的PAGER部份也可以完美的做到動態換頁的效果,如此一來讀者就可以快速的瀏覽整個blog的文章摘要,或者是特定標籤的文章摘要了。

05.jpg
當然~標籤Widget也可以加上這樣的動態效果,附帶一題,blogger這邊已經有了原生的標籤雲了,而且還多了【選擇欲顯示標籤】的功能,NS強烈建議原本用第三方hack的人換回正版標籤雲阿 :P

拉拉雜雜說了一堆,大家一定迫不及待想知道這個hack是怎麼做的!

06.jpg
其實原理非常簡單,如果你仔細觀察的話就會發現點選標籤會到達的頁面,跟點選pager切換的頁面,有影響到的都只有主欄位這個區塊,而呼叫這些頁面跟PHP加上一些參數值去控制頁面的內容的方法有點相似。所以,我們可以利用Jquery的.load()功能,丟進特定URL,抓取該頁面特定名稱的區塊,再載入現有的區塊內,即可達到動態載入內容的效果。

以我的部落格來說,這些文章entry都是被一個.blog-posts的div給包起來的(這應該是內建模板的預設類別,如果你不曉得自己部落格是叫什麼,可以利用Firefox外掛Web developer的顯示元素資訊去找),所以步驟就是:

  1. 將欲使用動態載入效果的超連結先綁定click事件
  2. 當連結被點擊就會觸發寫好的function
  3. function第一步是先抓到連結的href,然後在後面加上".blog-posts"字串,以方便待會使用.load()
  4. 再來就是抓到現有頁面的.blog-posts div,然後使用.load()把內容灌進去
  5. (optional)如果想讓pager也能有動態載入效果,最好把底下的pager區塊也一併更新到新的連結

打完收工,流程就是這樣而已,沒幾行程式好寫,當然你要厚工一點像我還加入loading.gif來做讀取中間的緩衝也是可以,流程部份就加上先用.html()寫入圖片這樣...

程式碼部份,請先加入大家的好朋友jquery,我建議沒有空間的人可以直連google網路函式庫<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
再來就是在document ready之後加入click事件綁定<script>
// AJAX link
$(".ajax-link").live("click",function(){
var url = $(this).attr('href');
var pagerUrl = url +" #blog-pager";
url += " .blog-posts";
$(".blog-posts").load(url);
$("#blog-pager").load(pagerUrl);
return false;
});
</script>

這邊可以看出,NS是去找DOM裡面抓.ajax-link的連結,然後綁上這個事件function,所以只要連結有掛上這個類別都會觸發事件。至於.live()這是為了讓動態載入的pager,讓載入之後仍能有作用,如果單純用.click去綁事件的話,動態載入後就算叫.ajax-link的連結也會失效喔。

以上這些JS script請放在<head></head>裡,完成這步之後就來對template動點小手術吧!(對欲作用的連結掛上ajax-link的class)

請先打開小裝置範本:

  1. 首先是內文標籤部份,找到<b:loop values='data:post.labels' var='label'>,底下應該就是內文標籤的a tag了,加上class="ajax-link"。
  2. 再來是標籤Widget的部份,找到該widget的位置,裡面應該有兩個a tag,這取決於你是選原本的行列模式還是標籤雲模式,不過嫌麻煩的話就都加上class="ajax-link"吧
  3. 最後是Pager的部份,先找到<b:if cond='data:newerPageUrl'>,把底下的a tag掛上class,再下去沒幾行有<b:if cond='data:olderPageUrl'>,同樣的步驟。

NS只有針對這三種連結加入動態載入的功能,並沒有把全站的所有連結都掛上,原因是,在載入單篇文章含回應的時候,如果是使用內嵌式回應,則內嵌回應功能會喪失;另外,動態連結並不會更新網址列的網址,會造成讀者讀到某篇文章,上頭卻不是該篇網址的靈異事件,最後一點就是,其實我也想騙一點廣告刷新的閱覽數啦 XD 畢竟我的目的是要讓讀者可以快速瀏覽文章摘要,基本上這三種連結綁上動態載入就已達到我的要求了...

姆~教學大概就是這樣,請有興趣的各位自己試看看吧!有問題請各位同學自行發問~感恩

小提醒~記得一定要先備份template阿,免得改失敗了救不回來,壞了NS恕不負責 XD

21 則留言:

LVCHEN 提到...

我試了一下,真的很光速,有種更環保的感覺...大推

我只有一個問題,因為沒有換頁(AJAX),貌似無法使用瀏覽器的上一頁回到之前瀏覽的頁面。

還有,現在這個 hack 只有應用在標籤上嗎?如果文章連結也能應用,那真的就更順暢了。

NightSpirit 提到...

LVCHEN
是的,因為AJAX的關係所以上一頁沒有作用...

另外這個hack當然可以應用在單篇文章上,只要把連結也掛上ajax-link這個class即可。但如同我在文末說的:載入單篇文章時底下的嵌入式回應會失效,變成一定要用另開視窗的回應模式。還有上面的網址列會跟當前的文章內容不符。

因為一開始的目的只是單純希望讀者在找文章的時候頁面不會重複refresh,所以才單純應用在摘要部份...

kohaka 提到...

請問page的部份,我改成功後,按較舊的文章沒問題,但是換頁後最底下的較舊的文章和新文章還有home都消失了,沒辦法再按較舊的文章,請問怎麼會這樣?
就差這步了,其他改完使用上都很正常,
就page部分出問題○rz

NightSpirit 提到...

kohaka,首先你要先確定你pager的div是不是跟我預設的一樣,如果不是的話可能要到模版去做設定或是更改一下我jquery的檔案,你把你blogger的位置給我我去幫你看一下好了...

kohaka 提到...

http://kohaka.blogspot.com
這是我的blog,
雖然模版是套用別人的就是@@

kohaka 提到...

http://www.templatesblock.com/2009/12/coabat.html#more
對了,我是套用這個模版

NightSpirit 提到...

我發現問題了~ 是我自己在blog-pager裡多包了一個div tag,把js裡var pagerUrl = url +" #blog-pager div";改成var pagerUrl = url +" #blog-pager";即可 XD

老吳 提到...

你好,請問可以分享您的有話大聲說Widget製作方式嗎?感激不盡~

NightSpirit 提到...

老吳你可以去看http://www.google.com/friendconnect
google friend connect,那個是其中一個留言版功能

老吳 提到...
作者已經移除這則留言。
老吳 提到...

感謝您的回覆,我昨天找到也裝了,可以是礙於他沒有暱稱欄位,常會造成匿名留言,最後還是放棄了...

關於您這篇文章,請問如果我已經將首頁圖片套用lightbox,有方法可以讓頁面載入時,圖片載入都套用這個loading效果嗎?

昨天上網找到這篇文章http://jqueryfordesigners.com/image-loading/,不過他的方式好像每張圖片都要套一次function,可以只修改lightbox裡面的程式,讓有套lightbox的圖片載入時也是同樣效果嗎?

我用的燈箱是http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/

以上感謝您的回應~

Lan 提到...

您好,請問如何修改才能實現載入頁面之後自動回到頁面的頂端呢,感激不盡

NightSpirit 提到...

在觸發ajaxlink的function裡加一行
document.getElementById('main').scrollIntoView(true);
其中main是你要跳至的div id,也可以設成header之類的,看你想定位到哪邊就設什麼囉

匿名 提到...

想請問你,這個可否應用到pixnet的blog

NightSpirit 提到...

匿名:

這是Blogger專用的喔

Nebadd 提到...

請問像我部落格這種動態標籤雲是不是不適用?
因為我加了class後還是沒反應?
另外如果要加入loading.gif的話語法該怎麼寫呢?THX

NS 提到...

動態標籤雲因為是別的js外掛~ 我要看了程式碼才會知道喔

loading gif的做法是在 .load()前用一個 .html把img tag寫進blogpost的div

Nebadd 提到...

我這有記載語法:
http://nebadd.blogspot.com/2009/02/flash.html

關於loading.gif,我參照你的語法但是出現錯誤?(因為標記 'div' 顯示在標記 'head' 內,所以您的範本無效。)
請問這問題在哪?您不也是寫在head內嗎?

WFU 提到...

感謝分享,這是我夢想中 blogger 讀取的效能~~
把 blogger 每個地方都做成 ajax 實在太棒了!

山田かみら 提到...
作者已經移除這則留言。
米直 提到...
作者已經移除這則留言。

張貼留言

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

文章回應

友格友品

  • 2017/12/13記事本 - 2017/12/13記事本 今日記事: 十二月十三日。週三。晴時多雲。 早上八點半醒來,怎麼這幾天都不太想起來,這樣感覺好糟糕。 起來後吃了早餐,準備一下就出門上班,做的東西速度相當慢。 所以精神一直沒很好,十一點終於做完,換另一種就稍快點了。 今天是外公忌日,所以今天在舅舅家吃,吃飽...
    9 小時前
  • 天堂M 綠(金)葉子是什麼? 殷海薩的祝福 - 天堂M 遊戲中在血條的旁邊會有一個綠葉子,上面寫著一個數字。倒底它代表什麼意思? 原來它主要的功能是讓經驗值能 […] 這篇文章 天堂M 綠(金)葉子是什麼? 殷海薩的祝福 最早出現於 資訊下載。
    12 小時前
  • 可可夜總會Coco - 《可可夜總會》故事描述墨西哥的鞋匠家族「里韋拉斯」有個代代相傳的家訓,就是家族的成員絕不能與音樂有任何關係,但天生音樂魂的男孩米高難以抵擋音樂的魅力,時常躲在家中閣樓練習,更無師自通了一身不得了的吉他技巧。就在「亡靈節」這天,奶奶發現了充滿樂譜的秘密閣樓,盛怒之下砸了他的吉他,傷心又憤怒的米高跑去已逝偶像吉他...
    12 小時前
  • 4179.鳳頭蒼鷹 58.0 @東寧運動公園 - 本篇分享 2017 年 12 月 9 日和 12 日,*無限台南* 騎著機車趴趴照,在東寧運動公園所拍攝的鳳頭蒼鷹。 12 月 9 日追完青年公園後想尿尿 轉追東寧運動公園廁所,尿完 AM 11:34 很快的找到了公鳳頭 天氣濕冷,變成了縮頭蒼鷹 飛飛停停 ...
    18 小時前
  • 閱讀:《我跟你一樣絕望,我是你的心理醫師》 - 單從書名,單從書籍的介紹來看,這是一個精神科醫師戰勝憂鬱症的故事,但其實這本書的內容遠遠超過介紹所提,我對本書的章節相當有感,它的十六章是這樣分的,一、脆弱,二、恐懼,三、失去,四、心上和身上的傷,五、失控人生,六、愛,七、孤獨,八、信任,九、強迫行為,十、庇護,十一、服藥,十二、回顧過往,十三、驅除幽靈,十四...
    3 天前
  • 【札記】2017 Human Design 體悟小結 - 重聽了一次昨日凌晨的報告。現在似乎已經很習慣聽自己的聲音了,畢竟每次上完課要做課後檢討跟備課筆記,都要重聽。 然而曾經,我很討厭自己的聲音。我覺得自己的聲音很難聽,尤其是透過機器播放出來的,更加難聽。還曾經因此非常排斥錄答錄機留言;即使是前年開始了線上課程,重聽錄音時,只要有自己聲音的部分我就快轉而過。從小在書...
    4 天前
  • ▌丁海寅 NAVER 飯咖加入教學文/研究心血結晶 - 本網誌久違的網站教學文XD 很久很久以前還沒接觸韓文相關就聽過大名鼎鼎NAVER Cafe這個社群 大概是還在玩網頁的時代吧!已記不起是甚麼緣由但是的確瀏覽過圈圈豎豎的各大小字體韓文。而我喜歡看陌生的文字。想不到有一天也為喜歡的演員加入了,人生真神奇! 我目前在準備TOPIK 2級,除了下班參加讀書會...
    1 週前
  • ▌丁海寅 NAVER 飯咖加入教學文/研究心血結晶 - 本網誌久違的網站教學文XD 很久很久以前還沒接觸韓文相關就聽過大名鼎鼎NAVER Cafe這個社群 大概是還在玩網頁的時代吧!已記不起是甚麼緣由但是的確瀏覽過圈圈豎豎的各大小字體韓文。而我喜歡看陌生的文字。想不到有一天也為喜歡的演員加入了,人生真神奇! 我目前在準備TOPIK 2級,除了下班參加讀書會...
    1 週前
  • 真文青的重旅行:走馬看花逛高雄 - 國民旅遊卡剩下的額度用在八月十日的高雄之旅。心一橫搭乘票價昂貴的高鐵南下,轉乘高雄捷運至國軍英雄館附近的捷運站,這次選了國軍英雄館住宿,雙人房的價格划算多了,硬體設備稍微輸給住過的臺東旅宿業者了,不過是輸在房間坪數與衛浴盥洗設備,以及休閒娛樂設施的種類與範圍面積。一個人出外旅遊住宿價格划算、環境整潔是最重要的...
    1 週前
  • 復古容貌的新刻印:Olympus E-M10 Mark III - [image: 復古容貌的新刻印:Olympus E-M10 III | 01] 我們迎來了新的Olympus OM-D系列,E-M10 Mark III。 很快的,這個作為入門的系列,也推出了第三代,這台相機,其實也帶來了一些在舊有規格上的新意。 上手用了一小段時間,也剛好可以來稍微分享一下這台的短短介紹...
    2 週前
  • [八卦] 牛頓發現萬有印力並不是因為被蘋果砸到 - 牛頓因為被蘋果砸到,而發現萬有引力,這故事深入人心,但事實上,是否真的是如此呢?今天就讓我們來說說這個物理學上的八卦 從小,我們讀到科學小故事,一定都會說到:近代最偉大的科學家-「艾薩克·牛頓」(Isaac Newton) ,是因為看到蘋果掉下來,才發現萬有引力。有時候故事甚至還被誇大化,說蘋果不但掉下來...
    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...
    2 個月前
  • 到 AliExpress 挖寶購物中! - 中午和同事吃飯聊天,看到她的漂亮手機套,想到之前在Amazon 訂的白色透明手機套大約美金五元,她到 AliExpress 訂手機套,一個不到美金一元還含運費,若60天內收不到貨還有退款保證 (Buyer Protection),令我有點半信半疑。她就說最後是用美國郵局的服務寄到家,單價不高沒收到也會退款,不...
    3 個月前
  • 南方航空的Boing787 - 第一次搭機體驗到窗戶不是用隔板來遮日光,而是用變色玻璃(電致變色)! 最近搭到的中國南方班機,波音787機型。大約是5小時的航程,一到巡航高度,忽然之間,大白天變成了夜晚!(咦?日蝕還是飛過了換日線?) 原來不是,原來是全機的窗戶玻璃都是電致變色的,不再利用隔板就可以用開關整個使玻璃變不透明遮日光,真是科技方...
    5 個月前
  • 斑馬 - 昨天爸爸一看到我們就哭了。一個老男人一手抓著電話,另手抓著欄杆,淚水和鼻涕噴在橫亙於我們之間的玻璃上。而還好有玻璃。我想安慰他,卻又覺得自己更需要他的安慰。 哭什麼哭?怎麼了? 他們欺負我,他們不尊重我,差點打起來。 為什麼要跟別人起衝突?你要忍耐。 我現在在違禁房,每天都要打坐,你們要多來看我,這樣我就可以常...
    6 個月前
  • 新工作 - 不小心又換了工作。 ...繼續閱讀
    7 個月前
  • 程式設計師之禪 - 程式設計師之禪 The Zen Programmer Christian Grobmeier 著 榮耀、朱豔 譯 會被這本書吸引,是看到第4章裡提到了時間管理,好奇禪和時間管理是怎麼發生關係? 本書不斷的提及在這碎片化時代,要專注在某一件事有多麼的不容易。當我們正在絞盡腦汁的進行工作時,先是一封email跳出...
    7 個月前
  • 向全世界還抱有勇氣的人 致敬 - 世界不平靜。 生命來去。 無語無泣。 方寸起漣漪。 心湧意噤。 愛與勇氣。 是的,我們都是透過倒影看世界; 甚或是倒影的倒影。 轉身面對,雜沓紛至,唯愛與勇氣是依。
    7 個月前
  • Watercolor characters 20x14 cm - 差一點進不了痞客邦,太久沒登入po文連帳號密碼都忘了, 還好,終究還是想了起來,否則這裡就得畫下句點。
    7 個月前
  • 3/18 梵咒課程結束後 - 今天晚上本想好好備課,寫點進度,好好睡覺(安心感浮現)。 明天上完課之後,把台中五月份的礦石課程寫好來,就可以休息休息休息。 但消化了一下課程的能量,泡了杯花草茶放空著,就想去休息了。最近真的更明顯的感覺到宇宙的每一個圓滿時機的安排,一個意念升起、一個機緣成就,意念當中的意願越清淨清楚、機緣的成就就越單純也...
    8 個月前
  • 第八月台市集旅店 -  
          近期住到最滿意的旅館之一當屬彰化的第八月台市集旅店<...
    11 個月前
  • Impossible is Nothing -- Bruno Munari 《Plus and Minus》 - Impossible is Nothing Bruno Munari,一位難以定義的多面向大師。 查了查他的資料,才發現他涉足各個設計領域,甚至被Picasso譽為『現代達文西』,其在藝術設計史上佔有的地位不言而喻。 他的作品充滿了未來感,講求以簡單的線條,組成和諧卻又不受拘泥的作品。 他最重要的作品之...
    11 個月前
  • 山口之旅4◆秋芳洞探險 - 繼自然動物公園之後,我們接著走訪山口縣境內,另一個和歷史沒什麼關係的地方。一樣位在秋吉台,這次是當地鼎鼎有名的特殊地形。 秋吉台是位在山口縣美襧市的台地,以日本最大的喀斯特台地而著稱。所謂喀斯特地形,是指岩石受到溶蝕作用而形成的特殊地貌。 前往秋芳洞的路上,沿途就可以看到處處都是白色的石灰岩。 咦?這個不是...
    1 年前
  • [紐約生活]秋天 - 已經進入秋季了,小兔到新學校上幼兒園(kindergarten )妹妹跟我在家,下午一起去接哥哥。聽說今年的冬季來勢洶洶,會既冷又長,所以特別珍惜最後的秋季時光。圖片是鄰近學校的人家給秋季的贊禮,冬季一來庭園大概除了靄靄白雪就什麼都沒有了。照一張照片,感謝他們的用心。
    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 年前
  • 回溫 - 放置己久的 部落格. 消失的掏空政府聯播 久違的陽光
    6 年前
  • 頂級設計旅店 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 年前
  • 藍鐘花道 - 這一趟旅程壓軸好戲,就是民宿附近的藍鐘花道 Arlington Bluebell Walk http://www.bluebellwalk.co.uk/ 。從民宿旁的小徑可以直接走到森林中的藍鐘花道,樹蔭下種滿了藍鐘花,沿途還可見到牛羊兒吃草,全程來回約需三小時。我去的時侯剛好是藍鐘花盛開的季節,整個森林佈滿了...
    10 年前