Josh blog的製作

November 28, 2013

Josh 內網 程式文章 留言

在製作網站之前研究過市面上很多免費的網站,同時也試用過,但一直找不到我能完全掌握的免費blog,我想要功能上能自己選擇有哪些,自己制定功能,整個blog技術掌握在自己手裡,不會因為blog服務提供天生的限制,而無法改造出自己想要的功能,也不會因為免費提供blog資源的公司一旦關閉服務,那整個自己在上面打造的blog就完全消失,這樣又要另尋新的blog來使用。

在最近一次是使用Google blogger,雖然它有提供能高度自己客製化blog功能和版面,也因為這關係所以很多人使用,但要改造版面和修改功能也是需要時間學習,同時也無法排除有一天Google關閉服務的可能性。於是在多次比較後,決定自己做一個能完全自己掌控的blog。

設定的目標為製作一個體驗良好的、支援各種裝置螢幕、並能安全快速反應的網站。技術上做了三個決定,第一個決定是,使用静態網站生成器Jekyll,用静態網頁取代動態網頁,不使用資料庫記錄資料,加快網頁打開的速度、簡化blog維護複雜度。網站的打開速度應該越快越好。第二個決定是,使用免費的GitHub Pages服務發佈網站。第三個決定是,申請一個個人頂級網域。

在製作初期花了一點時間學習上述技術的使用方法,同時蒐集自己想要的blog功能需求。整個製作上花了我好長一段時間在想各種實作上會遇到的各種問題,包含資料夾擺放結構、程式設計結構、文章儲存分類、功能需求蒐集、blog版面,邊學同時邊做邊調整,每當做了一陣子就會覺得某需求應該不是這樣而是那樣,考量這是要用很久的blog,而且也是主要拿來儲存文章,所以希望能達到功能需求、日後好維護,就這樣反覆改了又改好幾次,期間也重做好幾次,也越想越清楚,最後才完全確認心目中想要的blog模樣。

網站包含功能

  • 文章目錄分類
  • 文章標籤
  • 文章列表分頁
  • 列表文章截取顯示
  • 留言板
  • 網站流量分析
  • 網站管理工具
  • 自定網站搜尋
  • syntax highlighter

使用技術

blog製作共耗時兩個多月完成,以後就是定期維護,拿來記錄文章。

月曆 & 時間 DateTimePicker

November 22, 2013

外網 js plugin 留言

月曆 & 時間 DateTimePicker

Introduction to Corona SDK 簡報上線

November 18, 2013

外網 其他 留言

Introduction to Corona SDK 簡報上線

CSS彈性化的 Media Query

November 17, 2013

外網 css 留言

CSS彈性化的 Media Query

Git Ignore File

November 12, 2013

外網 git 留言

.gitignore檔案使用說明

個人電話格式化

November 08, 2013

外網 js plugin 留言

用於輸入個人電話等需要被格式化的資料

給 Rails Developer 的基本SEO

November 07, 2013

外網 ruby 留言

給 Rails Developer 的基本SEO

Git 教學(1) Git 的基本使用

November 07, 2013

外網 git 留言

Git 教學(1) Git 的基本使用

Javascript .apply()應用實例

November 01, 2013

外網 javascript 留言

Javascript .apply()應用實例

CEO 的每週清單

November 01, 2013

外網 程式文章 留言

CEO 的每週清單