重新設計整個部落格 | blogger排版
![重新設計整個部落格](https://i.imgur.com/axBPWDg.jpg)
當初我會開設這個部落格,其實是2016年時,看完我人生第一場五月天演唱會後感想很多,想要寫出來,而自己也沒有一個可以記錄事情的地方,所以就選了Google的Blogger,用著當時還算笨拙的HTML跟CSS,來作出了這部落格的第一個版本。一轉眼也三年過去了。這個2016做出的部落格,現在來看排版也實在稱不上符合我的水準,也沒有行動版可以在手機上看,相當不成熟的CSS也造成在不同瀏覽器上,排版會有各種不同的悲劇出現。所以,也該是時候替他整形一下了。全新樣式!時間回到2016年,當時我是HTML跟CSS這些語法的新手。也因為我一直都不是...
![重新設計整個部落格](http://pix4.agoda.net/hotelimages/581/5817396/5817396_18100916230068394914.jpg?s=800x)
一轉眼也三年過去了。這個 2016 做出的部落格,現在來看排版也實在稱不上符合我的水準,也沒有行動版可以在手機上看,相當不成熟的 CSS 也造成在不同瀏覽器上,排版會有各種不同的悲劇出現。
所以,也該是時候替他整形一下了。
全新樣式! 時間回到 2016 年,當時我是 HTML 跟 CSS 這些語法的新手。也因為我一直都不是個技術型的人才,所以在這之前,想要做個放作品的網站,就是用 Adobe Muse 來解決,畢竟這類網站也不求有太多功能,所以當時覺得還算夠用。但是當要做部落格時,只能做靜態網站的 Adobe Muse 就派不上用場了。
當時做我的這個部落格的時候,算是邊學邊做的。當時對 Blogger 的架構也不是很清楚,會修改的也只是修改預設模板的 CSS,調配出自己想要的樣式來。
之後做出來的部落格存在許多問題。例如部落格在 CSS 字體裡寫 font-family 要用新細明體,是為了要提供像閱讀紙本書籍一樣的體驗。但是 Google Chrome 又直接無視這一點,硬把字體換成系統預設,而且還一併修改行距,整個版面直接跑掉。舊版部落格也缺少行動版,在行動裝置瀏覽時排版也相當有藝術。
當時還因為不小心把部落格那個查看「較舊的文章」的功能不小心搞不見了,也不知道怎麼放回來。就直接設定為在首頁顯示最近的 500 篇文章。每次讀者打開我的部落格首頁,就會需要從最後一篇讀到第一篇去..好在台灣的網路速度挺快的,所以應該沒有什麼人發現我這樣亂塞啦。
之前的部落格排版歪七扭八 從當時至今的這幾年裡,我也已經把 HTML 跟 CSS 練的還算純熟,對 Blogger 的架構也有不少的理解,也有了從頭設計 Blogger 模板的經驗,可以對其進行更深層的自訂,隨心所欲打造出自己想要的部落格。也因此,在 2018 的年末,我決定要從頭開始打造一個,真正屬於我自己的部落格。
部落格的草圖 製作這個部落格的時候,心裡已經有了他大概的樣子,...取得本站獨家住宿推薦 15%OFF 訂房優惠
本站住宿推薦 20%OFF 訂房優惠,親子優惠,住宿折扣,限時回饋,平日促銷
Blogger版面配置@ 軟體使用教學 | blogger排版
用Word寫Blogger文章@ 軟體使用教學 | blogger排版
我為什麼要從Blogger 跳槽到Medium! | blogger排版
[分享] 如何使用markdown 輕易的排版blog | blogger排版
Google部落格設計教學大全(Blogger Tutorials) (2015 Updated) | blogger排版
WordPress vs Blogger 哪一個比較好? | blogger排版
輕鬆打造獨一無二的精美網誌,而且完全免費! | blogger排版
重新設計整個部落格 | blogger排版
[Blogger] 初心者的部落格紀錄2: 排版字體 | blogger排版
Wen's Note | blogger排版
![](https://i.imgur.com/axBPWDg.jpg)