2006-12-06

雜記 Blogger Beta 相關服務

玩 Blogger Beta 一陣子以來,越來越覺得它是個很有彈性的東西,不只是本身提供的功能,另外就是擴充性(Hack)以及其他工具的整合性,幾乎不比自己架站差了。不過也因為支援的工具太多,我也一直試圖去找適用我使用習慣的 Blog 流程,到此為止,差不多算是定案了,因此,在這邊整理並分享一下。

首先,因為 Blogger 的編輯介面有夠差,尤其所謂的 WYSIWYG 的工具,總自以為是地要幫我轉換換行<br>,如果我要剪貼程式碼,那根本就是爛給你看。所以,我在 Blogger 的發佈介面只開啟 HTML 的原始碼模式,別的地方寫好後再貼原始碼過來。而我使用的編寫工具,是 Writely,現在改名叫 Google Docs & Spreadsheets。雖然它也有一點點問題,就是為了編寫版面好看原始碼會塞一些空白進去,不過這樣不會影響版面和內容,這個線上文書編輯器用來寫 Blog 超好用,我在其他 Blog 也都是用這個當記事簿來寫。過程很簡單,就打字->排版(包括貼圖、塞連結、改格式)->切換到 HTML->貼入原始碼,後來又發現原來 Google 這個線上工具也支援直接發表到 Blogger Beta,實在太讚了(還是有小問題,就是標籤裡的格式 ID 會被濾掉),除了整合發表外,另一方面也可以拿 Writely 來做 Blog 文章備份,真的是好用!我也評估過用 FireFox 的 Plugin: Performancing、或是 M$ 的 Windows Live Writer,分別也都支援了 Blogger Beta,不過,說穿了他們都是離線編輯器,Performancing 也有自動轉換 <br> 的問題,最後還是棄之不用。

解決了文字編輯的問題,那圖呢?Blogger 提供的文章內圖片插入上傳是很簡單,但是圖片一旦上傳後不能管理也不能拿掉,最糟糕的是還會被動手腳(改檔名、壓縮),這並不是個好的方案。一開始我仿照別人的作法,把一些小圖放到我 Google Pages 的空間去,不過隨著未來圖片變大變多,用 Google Pages 來放也不是長久之道,因此我拆開來,我另外開通了 Google Picasa Web Album 服務,可以開相簿讓我整理大一點的圖片(缺點:只能放 .jpg),另外,在 Google Pages 上另外再開一個新網站(一個帳號多個網站的功能),專門用來放小圖(不限格式)和連結檔。聽起來很複雜喔!明明是一個 Blog 服務,為什麼編輯排版另外用一套、放小圖連結用也一套、放照片大圖又另一套?其實這些個服務都是 Google 的,一方面各有所長,也都有其便利性,當然穩定性也還值得信賴,在沒有更好的整合性 Solution 之前,我還是會這樣用下去的。(分久必合、合久必分?)

以上很多的評估動作消息來源都是來自 Angelo 的 Blog ,參考的連結如下:
Google Docs 可 Publish to Blogger Beta
如何快速加入Blogger Beta 到 Windows Live Writer
[FireFox 附加元件]Blog離線編輯工具 Performancing

回應: 6

安傑洛の隨筆塗鴉 提到...

謝謝您使用我的參考的連結
你的文章都很不錯哦...

Abin 提到...

呵呵!
歡迎原作者光臨~

瓦特比 提到...

Blogger 的編輯介面真的有夠陽春,我都習慣先用 Dreamweaver 編寫好再貼上。不知為何每個 HTML tag 都要緊鄰在一起(<p>1</p><p>2</p>),若照一般網頁編輯器產生的格式,文章段落間就會變得比較寬。

圖片上傳也是個問題,有時明明是 gif 或 png 檔,上傳完卻變 jpg 檔。

Abin 提到...

是啊!編輯介面真的很糟糕..
我用過幾個 Blog 系統,連 Live Space 比他好用..
我習慣用 Google 線上文書編輯器,主要的好處是到處都可以寫 Blog,如果用其他離線軟體來寫,那就沒辦法走道哪寫到哪囉!
圖片的問題最糟糕的是會被「破壞性」轉檔,除了強迫變 JPG (應該是圖檔強迫要被壓縮的原因吧),大小格式也不對了,而且還不能做檔案管理,傳錯的圖還是一直就在那邊(除非你把一併發表的文章殺掉),真不知道這種浪費空間、又破壞原圖的圖檔上傳機制為什麼不改進...

borejr 提到...

請教一下
sidebar的背景顏色可以改?!
我以為是歸屬在background
因為我只看到title以及text文字可改耶
還是這是template沒有的需要自己追加嗎?!

Abin 提到...

To borejr: Sidebar 預設就是一個 DIV 物件,該物件當然可以用他自己的 CSS 定義去修改 Style。
Background 和 Text 都只是原有 HTML 對整個網頁的基本預設樣式,實際上每個 DIV 元件都可以自己更改,不只是背景、也包括自行大小和底圖。
Template 裡面就會有,你可以找像是 sidebar-wrapper, .sidebar 之類的字串,就是在定義其樣式。我看你的原始碼裡有 sidebar-wrapper 的區段,但是 CSS 裡面卻沒定義(這是你套用的範本預設沒用到),這要自己加囉!

張貼留言

歡迎留言或發表意見,不過要理性不做人身攻擊。匿名的朋友得到回應的速度會比較慢喔~
發問相關的禮貌和規矩請先參考這篇文章,不當留言、和本文無關的回應可能會被直接刪除無視喔!