November 30,2006
◦ Nora's Reading Room new URL
請大家把閱覽室的連結網址修正為
http://blog.roodo.com/noral
無法適應天空部落的介面,也無暇研究。很抱歉讓使用 FireFox 的訪客看了幾天扭曲的版面,換回樂多後舊觀看起來還是舒坦得多。
雖然很久沒有新文章,但我並未放棄 blogging, 不過最近被一堆 projects' deadlines 逼得焦頭爛額,只好讓一堆書寫題材繼續在腦海中排隊。
原養樂多的左鄰右舍,在各位決定新的落腳處後,也麻煩留下訊息,之後我會慢慢更正連結。謝謝!
May 25,2006
◦ La Bibliochaise
對每個愛書人而言,書桌、書架都是生活的一部份。不過,「書椅」這個創意夠新鮮吧?
米蘭這家「無名小卒」(nobody&co.) 設計公司推出的「扶手椅圖書館」 (an armchairlibrary) 令人眼睛為之一亮,鮮紅座椅搭配黑色隔板的強烈視覺效果,似乎讓閱讀這回事也變得戲劇化了。
坐擁書林固然吸引人,不過這張椅子最讓我羨慕的其實是書籍擺放的方式——疏落有致,相較於我書架上、箱子裡那些塞得密密實實的書,這些書似乎多了些自由呼吸的空間。^_^
April 29,2006
◦ Create Pseudo-categories on a Yam/Roodo Blog

分類,向來是一件讓我又愛又恨的事。我有那麼點兒分類癖,卻不是個好的分類者,花了好大功夫分門別類收拾好的東西,想用的時候卻怎麼也找不著了。也許我根本不善於分類,在井然有序的外表下,依舊改變不了骨子裡雜亂無章的事實。也許是我無法完全服膺分類這項行為背後的理性與科學,總覺得在人類秩序的脆弱結構背後,始終存在著宇宙混沌的惘惘威脅……。好吧!這只是我為自己的混亂狀態找個藉口而已。:p
不過在打理自己的部落格時,屬於分類癖的那面還是佔了上風。剛在樂多落腳時,我就發現樂多系統的記事分類過於陽春,沒有子目錄的功能,點進分類欄裡只能看到一長串的文章,這點本來可以透過善用「繼續閱讀」鍵來改善(例如 Selina 的 Minuet 指尖的小步舞曲以及 Grayhawk 的灰鷹巢城,在點進記事分類之後的版面看來還是很漂亮),不過我因為新手無知且排斥繼續閱讀鍵,以致我的記事分類形同虛設,連篇累牘考驗讀者岌岌可危的耐心。上個月我終於移除樂多提供的記事分類,以手工自製的「偽分類」文章目錄取而代之。
有朋友注意到我的分類檢索裡另有乾坤,來信詢問,我就把製作偽分類的步驟寫在這兒和大家分享。這個方法很簡單,新手適用。只要會兩件事——發表新文章和設超連結——就夠了。
一、利用「發表新文章」的功能製作分類目錄
進入管理介面,按「發表新文章」,為每一項分類建立一篇的文章,依自己的喜好將文章分類排序(我的作法是以主題為主、日期為輔)(參見圖一)。樂多的每篇日誌都有獨立的網址,找出這些網址、為文章標題加上連結即可。
密技:在文章末尾將狀態設為「草稿」,回應與引用設定為「不接受」,並將「投稿時間」改為較早的日期。文章設為不公開,這樣就不會出現在樂多首頁或 Newsgator 之類的連播中;取消回應與引用,讓版面看起來更簡單;把投稿時間設為較早的日期(最好是剛開站的日期),是方便日後修改,進入編輯文章介面後選最終頁就好了。
二、移除樂多本身的記事分類欄(參見圖二)
三、建立自製分類欄
按「新增插入欄位」,選擇追加「連結書籤」(參見圖三)。出來的畫面就像這樣(參見圖四),可自行修改標題與排序。
四、設定連結書籤的內容
進入連結書籤管理後,將分類的標題、連結一一填上,記得將「開啟視窗」設為「原視窗」,這樣才不會每按一個分類就跳出新視窗,之後再按自己想要的方式排序即可。(參見圖五)
密技:我前面提過,每篇日誌都有獨立的網址,隱藏文章也不例外,可是它們沒有顯示在部落格裡,要怎麼找出這些連結呢?在文章列表裡點單篇文章的連結,在瀏覽器的左下角就會顯示樂多給這篇日誌的編號,或者點入內文之後也會在上方顯示網址(參見圖六)。但可千萬直接複製這行網址http://adm.blog.roodo.com/article/edit&aID=xxxxxxx 設為超連結喔!這是管理介面,一般讀者看不到。會正常顯示的網址應該是這樣的:
http://blog.roodo.com/noral (改為個人網誌代號)/archives/ xxxxxx.html(代入文章編號)
你也可以點擊任何一篇自己網誌內的文章,再修改文章編號就好了。
這樣一來,自製的偽分類目錄就大功告成了!這種傳統手工業型的分類法雖然簡單易行,不受瀏覽器轉換或語法限制,但也有個嚴重缺點。那就是每發表一篇日誌,就必須手動更新三個地方:日誌本身、目錄列表,以及邊欄中的文章數。唔——如果你不打算刻意偽裝成樂多原本的記事分類,不標示文章數,就可以省略第三步。這個方法適合像我一樣對語法霧煞煞的人,但不適合怕麻煩的人。要不要採用這種分類法,就由各位自行取捨嘍!
March 24,2006
◦ How do I decorate my blog? (II)
介紹過一些好用工具之後,接下來就說說我是怎麼著手布置這個部落格的。2005年 7 月剛在樂多落腳時,這個部落格並不叫 Nora's Reading Room,而是 Shall I Compare Thee to A Summer's Day,既長又繞口,還沒有中文化。那時採用的版面是樂多提供的四個愛琴海版型之一 Aegean4,有夏天的感覺。一開始我只是單純地 "blog for myself",並沒有考慮到讀者,也沒有什麼長遠的規劃。
寫了幾篇文章之後,我確定這個部落格的發展方向將以閱讀為主。那陣子剛好在讀 A.S. Byatt 的 Possession: A Romance,書中第一章的場景便是倫敦圖書館閱覽室 (the Reading Room of the London Library)。當時我就想:如果有個屬於自己的虛擬閱覽室該有多好?腦海中同時浮現我收藏的一張卡片,小北極熊在書窟裡讀書的畫面。為了打造個人專屬閱覽室,我開始研究 CSS 語法,也觀摩其他部落格的裝潢,最後呈現的就是大家看到的版本。
這個版本最常得到的讚美就是富有「整體感」,其實我只是套用了樂多的愛琴海樣式,邊欄幾乎原封不動,配色也沿用藍灰二色,但版面看起來感覺卻截然不同。由這張「閱覽室配置圖」(或者直接點留言版的連結),大家可以看到最大的改變在於 banner 之外,我還加上了四張小插圖,分別放在:
文章標題 (title)、
作者欄 (posted by)、
回應者資料欄 (comments-post),以及
最下方的回應框。
我刻意選了一張俯瞰、一張仰視,視線與姿態遙相呼應的兩張小圖放在文章標題和作者欄,猶如另類的上下引號「」,製造出將文章框住的視覺效果。至於回應者資料欄,取的是「凡走過必留下足跡」的趣味意涵;回應框裡攀藤盪遊的小北極熊,則彷彿漫遊於部落格之間的訪客。
所謂整體感的秘密,說穿了,不過是選擇同主題、同系列或同作者的插圖而已,像 keatsli 的書肆小姐在 banner 和留言框用了同一位日本插畫家的作品,不僅有整體感,也扣合部落格的主題,就是很成功的布置。
對於有意以插畫布置部落格的部落客們,我唯一可以建議大家的就是:圖片貴在精而不在多,圖片可以營造氣氛,但畢竟是點綴,如果太多難免讓人眼花撩亂,也會使原本應該是焦點的文字更黯淡。
在「閱覽室配置圖」裡,我列出了每個插圖所用的語法,原本打算一一解釋,現在想想還是作罷。一則因為這些語法只要透過 Web Developer 就可以輕易地複製下來;二則這麼做只是讓大家知道怎麼複製這間閱覽室的布置而已,卻無助於各位布置自己的部落格。所以我決定還是列出我當初改變 CSS 樣式時曾經參考的教學文章,這些前輩們對於語法解釋的詳盡清晰,絕對遠勝只有幼稚園程度的我。^_^
Banner
2005-03-05 Joe:樂多Blog更換banner最速法
2005-09-17 毛毛:超簡易更換Banner教學
Joe將如何更換樂多 banner 解釋得非常詳盡,很值得參考。只要學會更換 banner,其他的插圖自然也能夠舉一反三了。回應框
2005-05-12 寶貝喵:如何在回應框裡放置圖片?
這裡寶貝喵提供了兩種放置圖片的方式,我用的是第二種。
◈ 內文
最後我再補充自己在發表文章時,處理文字與圖像的一些小技巧及參考網站。
符號
也許有些朋友注意到我在每篇文章前都加上一個小圓圈,之所以這麼做,是因為有些文章篇名太長,在邊欄的「最新記事」或「最新回應」會變成兩行,很容易造成混淆,讓人分不清哪裡才是文章的開頭,這些小圈圈便能達到區隔的作用。像這類實用的小符號還有很多,運用得宜可以為文章增色不少。下面這個網站收錄了不少符號,大家可自行挑選喜愛的圖示:
2005/2/8 收集漂亮符號扮靚你的blog!圖片
如果你像我一樣,習慣為每篇文章配上圖片,甚至為照片加上圖說,那麼我一定要強烈推薦 Royboy Weblog。舉凡為圖片加上陰影、加上手繪框、改變邊框顏色、拍立得效果……只要你想得到的圖片問題,幾乎都可以在 Roy 這裡找到答案。另外還有許許多多實用的 blog 語法,大家可以慢慢地挖寶。
在上一篇及這一篇所提及的教學文,都是我曾經按照其中指示、實地操作,並試驗成功的好範本。但對沒有語法基礎的人而言,若想一口氣消化所有的文章,不僅會看得頭昏眼花,還會貪多嚼不爛。畢竟每一位作者的思路不同、組織方法不同,解釋語法的切入角度和陳述方式也不同。我會建議先挑選自己比較能夠理解的作者一系列的文章入手,等到能掌握基本概念了,再延伸閱讀更多的教學文。
就我自己的經驗來說,學 CSS 語法一開始需要很大的耐心、要實際操作,並勇於嘗試、從錯誤中學習,一旦度過最初彷彿看「有字天書」、有看沒有懂的階段,就會豁然開朗了。學會 CSS 語法後,再加上一些巧思,就能讓自己的部落格展現不同的風貌。祝大家 blogging 愉快!^_^
March 22,2006
◦ How do I decorate my blog? (I)
很久很久以前曾答應過毛毛,要寫一篇關於部落格裝潢的文章。遲遲沒有動手,是因為自己對 CSS 仍然一知半解,深怕寫出來的說明變成「吳老師的數學課」,徒增笑果。我自知能力還不足以寫教學文,這裡只是將我布置閱覽室時曾經使用的資源整理出來,供有需要的部落客參考。
◈ 排版
2005-05-12 老貓學出版:傳統編輯對部落格新手的寫作建議
截至2006 年 3 月老貓這篇文章在 Google 已經有 5010 筆引用或轉載了,相信很多部落格新手都看過這篇文章。不過,好東西值得不厭其煩地推薦。我自己在為部落格排版的時候也會留意字級、行距和底圖的設計,也常常回顧老貓這篇文章,檢視自己是否犯了「讓形式妨礙閱讀」的毛病。
◈ 配色
色彩搭配我並不在行,賞心悅目的配色我懂得欣賞,但若要自己動手配色,我只敢採取安全作法,例如同色系不同色階的搭配,那種令人驚豔的大膽配色我是做不出來的。如果覺得自己的配色單調或跳不出窠臼,不妨借助以下的配色程式:
(點擊看大圖及中文說明)
很專業的配色網站,選定主色 (hue) 後,按下 "Use It" 按鈕就能搭配出適合的顏色,還可調節亮度 (Brightness) 與飽和度 (Saturation)。最棒的是,在最上方的配色下拉式選單裡,你除了用預設的同色系 (monochromatic) 之外,還可以選擇對比色 (contrast)、雙對比色 (double contrast)、相近色 (analogic) 等等。

(點擊看大圖及中文說明)
新版的配色程式改用顏色輪呈現,除了原有的配色方案,還多了三色 (Triad) 以及四角互補 (Tetrad),選擇更多。我最喜歡的新功能則是配色變化 (Variations),除了預設值,還可以做出粉彩畫質感的各種的明暗效果,喜歡柔和色調的人,一定要試試暗粉彩 (Dark pastel) 以及亮粉彩 (Light pastel) 兩種效果,絕對讓人驚喜。無論是想為個人網頁或部落格找尋配色靈感,或單純地玩顏色,這兩個配色程式可說既實用又有趣。
◈ CSS語法與編輯器
想要擁有獨一無二的部落格背景,懂 CSS 語法是必要的。不必強求精通,但至少要有基本概念。已經有許多熱心的部落格前輩將樂多樣式結構的 CSS 整理出來,建議大家不妨從下面這三個連結著手(按發表時間排列順序):
2005-04-16 寶貝喵:CSS 語法〝小〞解析 ( 上 ) ( 下 )
2005-05-27 jaceju:樂多Blog排版入門
2005-06-18 colaccl:樂多blog樣式結構表
寶貝喵將樂多的樣式結構表一一拆解、分項解說,耐心閱讀一定會有收穫;jaceju 的排版入門解釋了 CSS 的基本概念;colaccl 的樂多樣式結構表詳列了每個不同區塊的語法,如果你想修改某個特定區塊,從這裡按圖索驥非常方便。
「工欲善其事,必先利其器」。弄懂 CSS 基本概念並不難,難的是真正動手修改。最令我痛苦的是沒有好用的 CSS 編輯器。剛開始我每次都只能從樂多的「網頁樣式設定」去改,必須不斷地套用、不斷地更新 Blog 網頁才能看到結果,即使只是改個小小的地方也要大費周章。
後來我從 colaccl 那兒看到了一個 Firefox 的套件 Web Developer,可以同步預覽 CSS(請見附圖),所做的修改會直接顯現在右邊的網頁,非常方便。你可以在左邊將所有想要更動的部分都改好,再把整個樣式表貼到樂多的「個人化設定」之中,就大功告成了。有了 Web Developer 之後,修改 CSS 樣式表變得輕鬆多了。除了修改自己部落格的 CSS 語法外,也可以利用 Web Developer 的 "View CSS" 功能觀摩其他優秀部落格的 CSS 語法。但是請記得,觀摩絕不等於抄襲,可別把其他部落客的心血整套照搬過來,那就太令人齒冷了。
December 22,2005
◦ Merry Christmas and Happy New Year

Before the ice is in the pools,
Before the skaters go,
Or any cheek at nightfall
Is tarnished by the snow,
Before the fields have finished,
Before the Christmas tree,
Wonder upon wonder
Will arrive to me!
--by Emily Dickinson
這是我在 blog 上過的第一個耶誕節,原本有意換個應景的版面,結果工作接踵而至,連文章都沒有時間寫了,只好先讓小北極熊 Lars 代表我出來和大家打聲招呼,祝各位佳節愉快。
唸書的時候,每逢耶誕節,老師們總會籌畫一些相關的活動,打破原本的小班制課程,讓全年級的學生齊聚一堂,在大教室前點亮耶誕樹上的裝飾燈,每個人把準備好的禮物堆在樹下,唱歌玩遊戲來決定挑選禮物的順序,節慶的音樂和喧嚷的人聲渲染了溫暖的氣氛,雖然禮物不見得是你想要的,但活動的形式意義遠本就大於禮物的內容。
還有一年的耶誕活動是分組報告,負責介紹耶誕樹由來的小組從系辦搬來了一顆大耶誕樹,介紹耶誕頌歌的小組帶來了各式的耶誕音樂,有巧扮耶誕老人介紹背後典故的,但最讓人垂涎的,還是蛋蜜酒和耶誕麵包等應景食物的部分。藉由探索耶誕節的各種傳統,我們企圖從形式去瞭解節慶背後的精神意涵。
當然,耶誕節對於生活在台灣的我們還是很遙遠的,許多人對耶誕節的印象可能僅限於大街小巷商家疲勞轟炸式的耶誕音樂,刺激買氣以促進經濟繁榮的資本主義賀節方式。這個情況不限於台灣,在歐美亦不乏這樣的情形。然而當形式凌駕精神之上,甚或導致精神被遺忘的話,就有些捨本逐末了。
"Christmas is not a time or a season but a state of mind." 耶誕的本質是關於分享關於希望關於愛,一些原本就在我們心底但因為忙碌而暫時拋諸腦後的美好。願我網路上的朋友們在歲末憶起這一年的點滴都是愉悅與美好的,除了傳遞祝福給遠方的友人,也別忘了關懷身邊的家人朋友喔!
Merry Christmas and Happy New Year!
September 24,2005
◦ 左鄰右舍--Nora's Correspondence List
本該在樂多與蕃薯藤分家之際就更新這份名單,而我竟然又拖了一季!幸好體貼的樂多把許多鄰居的網址自動更新為 roodo,省去了許多麻煩。今天一一瀏覽連結,才發現有的 blog 搬家了,有的消失了。對於前者轉換地點,不減寫作的熱誠讓我佩服;但後者卻教人平添一股虛擬空間也難敵時間消磨的惆悵。
~諾拉於2007-01-11
距離上一次更新又隔了半年的時光,很慚愧沒有及時將一些新朋友的連結加上去,這回盡力地補齊了,如果有疏漏之處,也請各位提醒我。最後要特別感謝這段時間造訪閱覽室的朋友給予的支持。
~諾拉於2006-07-31
在這個 blog 獲得時報編輯部落格嚴選優格推薦那段時間,閱覽室多了不少訪客,也讓我認識了不少優秀的部落客和他們各有特色的家。新的左鄰右舍聯絡簿改為按字母順序列表,為了不讓這份聯絡簿只是列表,我作了一些個人主觀的分類,如果有格主覺得不妥,也請告訴我喔!
~諾拉於2006-01-15
一直以來就想把閱覽室訪客的連結整理起來放進書籤,週末就先把這件掛在心上的事完成吧!有了這個列表,讓我以後要敦親睦鄰串門子的時候更方便。這張表將持續更新,歡迎來訪的朋友留下blog網址,我會把連結加上去,大家一起來blogging吧!^_^
~諾拉於2005-09-24
-------------------------。藝文。-------------------------
pleiade@La rose est sans pourquoi
Phyllis@A ROSE IS A ROSE IS A ROSE
----------------------。生活。----------------------
羯希錄@4664 - 嬰兒潮的心情 - For Baby Boomer
茱迪@In the Senses of Beatrix...
----------------------。旅行。----------------------
Sabrina@The Allegory of my Cave
----------------------。網路。----------------------
----------------------。綜論。----------------------
----------------------。個人。----------------------
August 11,2005
◦ The birth of a blog
一個blog的誕生,其實是非常需要天時地利人和的。對於經營自己的blog這件事,我在裹足不前多時後,今年初終於申請了無名的blog帳號,卻因為久未登入而被取消。隔了幾個月,我來到蕃薯藤的Roodo,喜歡這個介面,也喜歡它提供的版型,於是在衝動下也申請了一個帳號。當然,這個blog也很可能重蹈它的前身覆轍,在第一篇文章還沒產生前就消失了,如果我沒有遇到「貴人」的話……。
這位貴人就是Joe。我應該是從樂多首頁的人氣排行榜發現Joe的blog, 視野開闊的Camden Yard Banner讓我第一眼就有好感,字體的大小更是設得恰到好處、盯著螢幕長時間閱讀也不容易累,讓我大為驚豔。申請blog之後我忙了一個晚上設定環境,我看了Joe's blog裡的教學文,自己卻怎麼也搞不定。鼓起勇氣發了mail請教他,Joe迅速的回覆與熱心的指導給了我這個blog新手很大的鼓勵,也讓我有繼續維持blog的動力。
接下來我從內容著手,慢慢地寫了一些文章,也開始逛其他的blog。於是我漸漸不能滿足於現有的版型,決定自己動手改css語法和設計版面。這其實是件非常不簡單的事,一個月前的我對css語法根本一竅不通。不通到什麼程度?問問Joe最清楚,一開始我連px跟pt有啥差別都不懂。:p但是憑著一股不斷嘗試的傻勁,以及許多前輩blogger教學文的幫助,總算弄出了一個我自己很喜歡的版面。這裡的每一張圖都是我花了兩天時間自己掃瞄、自己修的,希望營造一種cozy & comfortable的感覺。如果你也很喜歡這些圖,歡迎你留言告訴我,但請千萬不要不告而取甚至挪用到自己的blog。
最後,我要列出一份參考書目,一些我在研究語法和改版過程中給我很多啟發也幫我排解疑難的教學文,希望對其他同樣希望擁有一個自己獨一無二的家的blogger有幫助。
- 唐朝演繹「給樂多blog初學者的入門使用說明書」 -- 這篇入門手冊應該列入必看,解說清晰詳盡,這篇也是讓我一頭栽進樂多的最大誘餌。雖然越深入瞭解blog, 就越覺得blogging實在沒有寫e-mail那麼簡單哪!不過一開始給新手信心是必要的。^^
- Think of Joe -- 在首頁左邊的邊欄有一份整理得非常詳盡的blog書籍清單與文章連結,由淺入深,大家可以循序漸進,不時回去參考參考,看看自己到那個階段了。^^
- Mr. 戀上 Miss. -- 這裡有多篇非常詳盡的css教學文,幾乎解決了我所有的疑難雜症。作者Elia講解得非常仔細,還配合圖說。如果有些第一次沒看懂的地方,可能是我們沒看清楚,再回去重讀一次往往答案就出現了。因為作者不接受引用功能,就請大家直接到她的blog去尋寶嘍~
- colaccl.com「樂多blog樣式結構表」--這篇在改css語法時非常實用,每當我改css語法改到頭昏時,就會開啟這個文章來對照,往往就能豁然開朗了。
- 艾瑪隨處走走--這其實是無名的網誌,艾瑪的blog版面總是設計得賞心悅目,我也是看了她的blog才知道背景小插圖可以無處不在啊。^^艾瑪有許多css分享和網誌語法教學文,我不曉得無名語法樂多適不適用,但像版型、配色這些艾瑪的idea很值得大家參考並舉一反三喔~
◈ 站內延伸閱讀:
- 2006-04-29 Create Pseudo-categories on a Yam/Roodo Blog
- 2006-03-24 How do I decorate my blog? (II)
- 2006-03-22 How do I decorate my blog? (I)
August 1,2005
◦ the monologue of a bibliophile
「愛旅行成癡、戀文字成癖」是我的座右銘。
從七月開始經營自己的blog,雖然累積的文章數量不多,但多少反映了我的個人偏好,blog未來走向也有了大致的雛形。這不是一個圖文並茂的blog, 也不是一個日記型態抒發個人情感的blog,而比較像是個Lit Chat, 雖然現階段更像Lit Monologue。:p我想走回傳統的blog, 以文字見長、提供紮實的內容,以及必要的hyperlink。在適當的情況下,偶而以圖片為輔佐說明。
因為對於文字有特別的執念,在瀏覽其他的blog時,我特別喜歡那種一眼看不完,Page Down要按個十幾次才到結尾的好文。"more"或"繼續閱讀"的字樣對我來說都是一種干擾。尤其讓我感冒的是那種兩行字後接個"繼續閱讀",點進去看之後卻連剛剛那兩行加起來只有三行字,頗有一種受騙上當的感覺。所以在這個blog是絕對看不到"more"或"繼續閱讀"這種按鈕的。:p
夏天是個很適合讀書的季節,接下來我會繼續回顧一些陪我度過炎炎夏日的美好作品,也把這些夏日"讀品"介紹給更多感興趣的讀者。
July 15,2005
◦ 閱覽室的秘密
۩ 戀物
2006-05-25 La Bibliochaise
۩ 應用
2006-04-29 Create Pseudo-categories on a Yam/Roodo Blog
2006-03-24 How do I decorate my blog? (II)
2006-03-22 How do I decorate my blog? (I)
2005-08-11 The birth of a blog
۩ 隨想
2006-10-02 Unwrapping a book parcel
2005-12-22 Merry Christmas and Happy New Year
2005-08-01 the monologue of a bibliophile
۩ 通訊
2005-09-24 左鄰右舍--Nora's Correspondence List
۩ 緣起
2005-07-13 The Prologue--"Shall I Compare Thee to a Summer's Day?"
2005-07-07 Welcome to Nora's Reading Room