在製作網站之前研究過市面上很多免費的網站,同時也試用過,但一直找不到我能完全掌握的免費blog,我想要功能上能自己選擇有哪些,自己制定功能,整個blog技術掌握在自己手裡,不會因為blog服務提供天生的限制,而無法改造出自己想要的功能,也不會因為免費提供blog資源的公司一旦關閉服務,那整個自己在上面打造的blog就完全消失,這樣又要另尋新的blog來使用。
在最近一次是使用Google blogger,雖然它有提供能高度自己客製化blog功能和版面,也因為這關係所以很多人使用,但要改造版面和修改功能也是需要時間學習,同時也無法排除有一天Google關閉服務的可能性。於是在多次比較後,決定自己做一個能完全自己掌控的blog。
設定的目標為製作一個體驗良好的、支援各種裝置螢幕、並能安全快速反應的網站。技術上做了三個決定,第一個決定是,使用静態網站生成器Jekyll,用静態網頁取代動態網頁,不使用資料庫記錄資料,加快網頁打開的速度、簡化blog維護複雜度。網站的打開速度應該越快越好。第二個決定是,使用免費的GitHub Pages服務發佈網站。第三個決定是,申請一個個人頂級網域。
在製作初期花了一點時間學習上述技術的使用方法,同時蒐集自己想要的blog功能需求。整個製作上花了我好長一段時間在想各種實作上會遇到的各種問題,包含資料夾擺放結構、程式設計結構、文章儲存分類、功能需求蒐集、blog版面,邊學同時邊做邊調整,每當做了一陣子就會覺得某需求應該不是這樣而是那樣,考量這是要用很久的blog,而且也是主要拿來儲存文章,所以希望能達到功能需求、日後好維護,就這樣反覆改了又改好幾次,期間也重做好幾次,也越想越清楚,最後才完全確認心目中想要的blog模樣。
網站包含功能
- 文章目錄分類
- 文章標籤
- 文章列表分頁
- 列表文章截取顯示
- 留言板
- 網站流量分析
- 網站管理工具
- 自定網站搜尋
- syntax highlighter
使用技術
- Jekyll建立blog
- Markdown 標記語言
- Liquid 樣板語言
- Html, CSS, Javascript語言
- pygments syntax highlighter
- DISQUS 整合性留言管理系統
- Google Analytics統計網站流量、訪客人數
- Google自訂搜尋引擎
- Google 網站管理員工具
blog製作共耗時兩個多月完成,以後就是定期維護,拿來記錄文章。