GitHub - 在本地端建立Jekyll Server以利測試Blog文章

前面幾篇，我們介紹了使用Jekyll Bootstrap來當作樣板，並發佈到GitHub Page上，但總不可能每次改一個東西，就發佈到GitHub上來驗證吧!? ( 嗯，也不是說不能啦XDD )，所以網路上幾乎都會介紹到，如何在本地端建立Jekyll Server，來搭配使用；建立完後，我們就可以利用本地端Jekyll Server來測試看看有無錯誤，如無錯誤，在sync到GitHub上面去。

首先，因為Jekyll是使用Ruby寫的，我們需要下載RubyInstaller ( Ruby在Windows的安裝工具 )，如下圖。

那小弟這邊是選擇x64版本。

以下是安裝畫面，小弟全勾就是了。

安裝完之後，我們還要安裝DevKit工具。

DevKit 是windows編譯C/C++的工具包，簡單的說，就是模擬Linux下的make、gcc。通常情況下，我們是可以不需要，但因為等下要搭配Gen，所以就變成必須安裝這個工具包了。

預設是會放在c:\DevKit這個位置。

完成之後，我們要key下面這個指令

ruby dk.rb init

就會進行初始化設定。

設定完後，我們要回到ruby200-x64的目錄下，也就是安裝Ruby的目錄下修改config.yml檔案，並且設定我們目前安裝Ruby的路徑；如下圖。

然後輸入

ruby dk.rb install

進行DevKit的安裝。

接下來是Ruby的Gem工具，這個工具就和MS的NuGet很像，我們可以透過指令的方式，來安裝套件，並且他會自動的處理相依性；下面是RubyGem的官網，但我們不用下載也不用安裝，因為RubyInstaller其實已經包在裡面了。

接下來，好的習慣，就是要先更新一下，我們可以利用

gem update –system

進行Ruby的更新。

更新完後，我們也順便把gem更新一下。

gem update

透過此指令來更新。

都準備好之後，我們就可以使用

gem install jekll

來安裝Jekll了!!

完成之後，我們就進到你的網站目錄下 ( 以下圖為例，則為study4.github.io這個目錄下 )，輸入

jekyll server

來啟動Server，啟動之後，預設是port 4000，就可以透過瀏覽器看到我們使用Jekyll Bootstrap的畫面了。

最後，我們就可以從本機進行修改，確認無誤後，在發行到GitHub上嚕!!

參考資料

• https://help.github.com/articles/using-jekyll-with-pages
• http://markdown.tw/
• http://jekyllbootstrap.com/
• http://rubyer.me/blog/134/
• http://jekyllrb.com/
• http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html