2014-08-10

利用Hexo與Github架部落格

本身沒有在寫部落格的習慣，沒想到此次竟然為了要紀錄去日本留學的點點滴滴竟然架起部落格來了！？真是可喜可賀

廢話不多說，因為我是用Homebrew安裝GIT，所以我首先先來安裝Ruby跟RVM吧:P〜若已經有裝GIT的人就直接跳到安裝node.js吧～

安裝RVM

$ curl -L get.rvm.io | bash -s stable
$ mkdir ~/.bash_login
$ sudo vim ~/.bash_login
# 加入 [ -r ~/.profile ] && source ~/.profile 
# 檢查rvm指令是否生效
$ source ~/.rvm/scripts/rvm
$ type rvm | head -n 1
# If the output is:
# rvm is a function 
$ sudo vim ~/.bash_profile
# 加入 source ~/.rvm/scripts/rvm

接著安裝RUBY

$ sudo chown -R USERNAME /usr/local/
# USERNAME是使用者帳號
$ brew updatebrew tap homebrew/dupes
$ brew install autoconf automake apple-gcc42
$ rvm pkg install openssl
$ brew install libksba
$ brew install readline
$ LDFLAGS="-L/usr/local/opt/readline/lib" CPPFLAGS="-I/usr/local/opt/readline/include" rvm install 1.9.3

接著安裝Homebrew

$ ruby -e "$(curl -fsSL https://raw.github.com/mxcl/homebrew/go/install)"

接著安裝GIT

$ brew install git

接著安裝Hexo前必須先安裝nodejs,一般Mac OS X的用戶可以直接至node.js 官方網站即可下載安裝，步驟不再詳述

接著我們開啟終端機進行hexo的安裝

在終端機中輸入

npm install -g hexo

如果不能安裝請用ROOT權限即可！

安裝完之後我們便來建立一個專門放部落格的資料夾吧:P

hexo init myblog

之後我們來到該資料夾內安裝試著發一篇文章或分頁吧！

hexo new_post "first"
hexo new_page "about"

這樣我們便加入了第一篇文章與關於我的頁面囉

接著我們要生成檔案

hexo generate

然後在Localhost測試看看

hexo server

之後使用localhost:4000就可以看到最原始的部落格頁面囉～

如果發現頁面出現一堆程式碼，那請在該資料夾中輸入

$ npm install hexo-renderer-ejs --save
$ npm install hexo-renderer-stylus --save
$ npm install hexo-renderer-marked --save

就可以囉，詳細情況請參照這裡

到這邊沒問題了，下篇讓我們來建立起Github的空間吧！

Hexo