因爲看到同事利用Blog當作自己的筆記 覺得蠻好用的 所以想要自己架一個
觀察他的blog發現竟然是github.io 讓我好奇如何用 Github 可以當作一個免費的平臺架站
主要是找到幾個人分享的資料 這邊來做個記錄

利用Jekyll與Github Page建立自己的Dev-Blog
Jekyll x Github x Blog

其實目前可以常見跟github結合的有 wordpress, hexo, jekyll
會選擇jekyll 是因爲github上面推薦的

但是在遇到tags部份的處理之後 覺得hexo比較好用 後來就改用hexo
可是在版本控管 Jekyll還是有優勢 可以直接享受 Github 本來就有提供的版本控制功能

Jekyll基本安裝

Jekyll是base on ruby 開發 需要的版本要ruby2.0以上

在ubuntu下 當系統已經安裝不合版本的ruby時需要更新
ruby -v check version

1
2
luna@luna-ubuntu14:blog$ ruby -v
ruby 2.0.0p384 (2014-01-12) [x86_64-linux-gnu]

可以直接透過apt-get install ruby2.0 ruby2.0-dev 安裝2.0版本
我們需要dev 因爲在安裝Jekyll時會自己做編譯的動作
在安裝之後需要將原本相關執行檔的link 重新連結 這樣才會用到對的版本透過下面command
update-alternatives –install /usr/bin/ruby ruby /usr/bin/ruby-2.0 400 \
–slave /usr/bin/rake rake /usr/bin/rake2.0 \
–slave /usr/bin/ri ri /usr/bin/ri2.0 \
–slave /usr/bin/rdoc rdoc /usr/bin/rdoc2.0 \
–slave /usr/bin/gem gem /usr/bin/gem2.0 \
–slave /usr/bin/irb irb /usr/bin/irb2.0

可以再透過ruby -v or gem -v確認抓到的版本是不是最新的

Jekyll 官方網站目前release 版本到3.x 最基本的安裝方式如下

1
gem install jekyll bundler

安裝之後再透過下面command可以產生最基本的檔案在my-Blog資料夾

1
jekyll new my-Blog

執行方式是進入my-Blog資料夾內 run bundle exec jekyll serve
或是 jekyll build 先去建立_site之後 run jekyll serve
透過browse 打 http://localhost:4000 就可以看到最基本的網站

透過Github 建立自已的網站

Github有一個Pages的服務，讓你可以把自己的靜態網頁丟到Github上。
使用Jekyll只要把整包產出來的檔案直接Push到Github上就可以
但如果想要透過account.github.io 這個位置可以連到自己的網站
需要在 Githubg上面建立一個repo名稱是account.github.io (這邊的account是自己的帳號名稱)
並卻定branch是在master上面,接下來將剛剛的my-Blog push上去就好了

cd my-Blog
git remote add origin https://github.com/account/account.github.io.git
git push -u origin master

然後你可透過 browse 登入 http://account.github.io.git