pande
去年(2011)初有感於噗浪介面與我的網路生活習慣相當契合,為了提升噗浪生活的回憶與檢索的便利性以及增加雲端資料的保存性,我開始將噗浪資料部落格化。
pande
首先我使用手動列表方式呈現,後來改用手動表格方式呈現。表格模式可以很直觀地呈現日期分界,我很喜歡,可惜無論是列表式還是表格式,要將噗浪資料製作成為部落格文章,都需要相當費時、費工的動作。
pande
科技始終來自人性,沒多久,去年中「噗浪備份」功能問世。噗浪備份是一套以網站檔案結構組成的資料,包含頁面、小圖、css樣式以及js檔,我複製頁面中我要的部分直接貼進blogger文章編輯器的所見即所得模式中,製作由系統產生樣式的網路生活記
pande
,直接捨棄掉小圖、css樣式和js檔的部分,也就是捨棄了內建表情、生動的回應光箱和精美的介面。所幸樣式由blogger文章編輯器自動產生,比擬css效果、相當精美,最重要的是相較於手動、使用噗浪備份既能夠更省時又能夠保留更多資料。
pande
然而這樣的做法大量依靠blogger文章編輯器的所見即所得模式提供的轉換功能,噗浪備份頁面轉換成為部落格文章之後總是產生很巨大、很雜亂的HTML結構,維護困難,每次維護只能從頭再做一次轉換,而且每次轉換的結果都不會完全一樣,穩定性差。
pande
細節上,點擊每噗的回應都會導向錯誤的部落格內部連結,而外部圖庫連結總是秀出網址,不易閱讀。
pande
為了改進維護和穩定的問題並增加細節的掌控,這次我寫了一段JavaScript程式碼,以「噗浪備份原始資料最小變動」和「通用於每次記錄」為原則撰寫,讓程式碼去完成基本的樣式設定並調整細節。複製噗浪備份中的原始HTML貼進blogger文章編輯器的HTML模式,所以HTML是固定的,
pande
其他所有的樣式設定和細節調整交給程式碼執行,如此文章的結構明確,維護也容易。這段程式碼因為還沒有使用在正式記錄上,我就隨便叫他pande的噗浪生活記.js beta 1.0。這只是個起頭,只要續繼做記錄,以後應該還會有很多機會修改內容。