一直想弄一個漂亮一點的我的博客,以前一直用的博客園,對主頁的能自定義內容實在不滿意,終於下定決定,找到了Octopress這個適合個人解決方案,如下過程都是本身一步一步記錄下來的,但願對你們有幫助。html
http://octopress.orggit
而且確保mac安裝瞭如下工具:github
git(應該是mac自帶的)chrome
ruby 1.9.3以上版本(能夠在終端中用ruby --version查看版本是否知足)瀏覽器
缺乏的請單獨下載安裝,這裏就不具體講了ruby
git clone git://github.com/imathis/octopress.git octopress服務器
以後git將會從github克隆下Octopress項目文件到本地的octopress目錄,本地目錄能夠根據須要更改app
cd octopress工具
進入Octopress項目根目錄網站
gem install bundler
這過程可能會比較長,並且我還碰到一個問題,若是控制檯顯示權限不夠,須要加上sudo從新執行,並輸入密碼:
sudo gem install bundler
好的,安裝完成進入下一步
bundle install
開始安裝具體的工具,這裏沒有碰到什麼問題
再接使用rake工具安裝默認的主題和配置
rake install
這裏又碰到一下問題
You have already activated rake 0.9.6, but your Gemfile requires rake 0.9.2.2.
google一下,找到緣由了,rake自動安裝的版本是0.9.2.2,太舊,須要更新
能夠用boundle show命令看下版本是不是0.9.6,若是不是,繼續執行如下命令更新rake
boundle update rake
更新完成能夠在確認一下,沒問題進入下一步
官方推薦了3種部署方式:
1-github,部署容許自定義域名,免費,好處是多人開發更方面,壞處是文件隨時能夠被任何人拉下來。
2-heroku,部署容許自定義域名,免費,而且是私有的,看樣子這個比較適合我,後面的過程就用這個方法。
3-rsync,建議用來部署有本身服務器的我的博客。
開始部署到heroku,首先須要一個帳號,登入如下地址,註冊帳號
https://id.heroku.com/signup
很簡單隻要一個email地址,以後按照提示到郵箱激活帳號
接下來回到終端,輸入如下命令安裝heroku,須要帶sudo輸入用戶密碼
sudo gem install heroku
這裏又遇到一個問題,好像輸入了好幾回都沒有反應,多是服務器架設在國外的緣由,多試幾回,多等一會,仍是會安裝好的
好了,終於安裝完成
開始建立一個心的heroku應用,使用如下命令
heroku create
heroku會要求你輸入以前註冊的email和密碼
成功後會提示:Git remote heroku added
接下來設置本地git的遠程代碼庫到heroku,使用如下命令:
git config branch.master.remote heroku
還要修改下Octopress項目根目錄下的.gitignore文件,將public刪除(這個文件列出來的是git版本控制忽略的文件類型,須要保留public)
好了最後須要上傳本地項目到heroku,這以前還要上傳下本地的公鑰到heroku
若是有公鑰請直接上傳,若是沒有也沒有關係,heroku可以幫你快速建立,輸入
heroku keys:add
按照提示確認後,提示公鑰上傳成功
完成以前還要用rake工具生成一下項目,並commit本地git庫
打開項目根目錄下的 _config.yml文件,根據本身的需求修改吧
url: # For rewriting urls for RSS, etc
關於自定義域名,完成後發現本身的域名是peaceful-depths-8859,實在難看,看了下只要修改下heroku設置的項目名稱就能修改這個域名,如圖:
好了,如今可以經過本身的名字登陸了
http://sawyerzhu.herokuapp.com
Attention:注意更改了app名稱後須要在本地從新設置遠程庫的地址
git remote set-url heroku yourRemoteGitURL
其中yourRemoteGitURL能夠在heroku的設置裏的info中找到
6. 安裝主題
Octopress有許多第三方的主題能夠安裝,這對於我這個剛剛學網頁的人來講實在是太棒了,能夠先安裝一個主題,之後在慢慢研究
首先在google上找一個本身喜歡的主題,例如我找到了一個不錯的:
http://zespia.tw/Octopress-Theme-Slash/index_tw.html
以後打開終端,執行如下指令
$ cd octopress
$ git clone git://github.com/tommy351/Octopress-Theme-Slash.git .themes/slash
$ rake install['slash']
$ rake generate
以後能夠本地預覽一下
$ rake preview
確認後就能夠上傳到heroku
再次打開博客url就可以看到實際效果了