用 GitHub 架設 Blog 使用 GitHub 架設個人 Blog 不僅可以節省伺服器空間,同時也可以使用 Markdown 語法做文章管理,坊間也有很多類似的工具 octopress、pelican,但是最後決定自己做一套使用 PHP、以及 command line 建置出個人的部落格! 看到這標題我想板上很多大大們可能會覺的市面上已經很多資源了,沒想到還有人自…

用 GitHub 架設 Blog

使用 GitHub 架設個人 Blog 不僅可以節省伺服器空間,同時也可以使用 Markdown 語法做文章管理,坊間也有很多類似的工具 octopresspelican,但是最後決定自己做一套使用 PHP、以及 command line 建置出個人的部落格!

看到這標題我想板上很多大大們可能會覺的市面上已經很多資源了,沒想到還有人自己刻,而我也是寫完分享給朋友,才知道已經有人做過,不過既然刻了,就分享一下!

首先,目的是為了利用 GitHub 所提供的 GitHub.io 以及 Branch gh-pages 建置出靜態的網站,所以必須利用 php 去將 .md 的 Markdown 文件轉成 .html 的靜態文件,並且加入 標簽分頁 等功能!

所以說,整個系統基本上就是利用 php 指令執行 build.php 這隻檔案,編譯出這些 html 靜態頁面,而在編譯時利用 lib/oa/helper.php 內的 load_view function,可以使用 templates/ 內的版型匯出 html,最後也會產生 sitmap、robots.txt 加強 SEO 搜尋排行曝光度。若有用過 CodeIgniter 的話,應該就會很熟悉 load_view 的用法!

如果想要將他變成自己的 Blog 的話,在 GitHub 上有一個名為 pure 的 Branch,裡面就是一個乾淨的版本,可以直接修改 config/ 內的設定檔,不過記得修改完後,要再用 php build.php 重新建立靜態頁,完成後也可以放置於 Dropbox 的 public 資料夾使用。

Youtube 教學影片如下:

※ 因系統維護關係,所以目前已暫時先將 Live Demo 網址關閉囉,請大家先參考 GitHub 的原始碼吧!

相關參考

雙北市行政區域範圍座標 - OA Wu's Blog
雙北市行政區域範圍座標
雙北市行政區域範圍座標 雙北市行政區域範圍座標,藉由大家一起來維護劃分出雙北市甚至於全台灣的行政區域、鄉鎮區域的範圍座標。 會實作出此專案主要目的是為了取得雙北市行政區域範圍座標,但因為 Google Maps JavaScript API 找不到可以取得行政區的範圍座標,故才自己畫完雙北市的範圍座標,並且藉此分享出來給大家使…
自己做自己的 CocoaPods - OA Wu's Blog
自己做自己的 CocoaPods
自己做自己的 CocoaPods 寫到一定程度之後,總會有幾個自己愛用語熟悉的 Lib,那就自己做一下屬於自己的 pod 套件吧! 新增 以下會用 OAPodTest 當作套件名稱範例,各位要做自己的套件請用自己的名稱捏! 由於 pod 套件可與 GitHub 綁定,讓他自動去抓上面的原始碼,所以請先開一個 GitHub repository! 這是我自己的 GitH…
用 jQuery 實作 Youtube 播放器 - OA Wu's Blog
用 jQuery 實作 Youtube 播放器
用 jQuery 實作 Youtube 播放器 此作品主要是練習 Youtube API 的運用,主要功能是利用 API 來操作播放清單以及播放參數的設定。 雖然這功能有點多此一舉..(Youtube 就可以做清單了),但是還是分享一下製作心得! 功能主要就是利用 Youtube 所提供的 API 再利用 Local Storage 紀錄播放清單,再利用 JavaScript 按鍵事件,…
實作 Flickr API 搜尋器 - OA Wu's Blog
實作 Flickr API 搜尋器
實作 Flickr API 搜尋器 這是一個簡單快速搜尋 Flickr 的前端工具,借由輸入想搜尋的圖片關鍵字而撈取出 Flickr 上面的熱門照片! 專案內利用了 Flickr API 製作,作品中 JavaScrip 經由 Flickr Tag API 撈出符合關鍵字的照片集,然後再利用瀑布流套件 Masonry 完成瀑布流效果的搜尋結果。 使用方式如下: 於網頁上方的 搜…
吳政賢個人簡歷OA WuLiveCoding.tw
OA Wu's Blog
開發心得
用 GitHub 架設 Blog