一直以來想有個(gè)屬于自己的博客空間割捅,或許是出于一種歸屬感吧碧囊。就這樣知道了 WordPress、Jekyll供嚎、Hexo 和 Octopress黄娘。一番對(duì)比后選擇了 Octopress,相信追隨大神的腳步應(yīng)該不會(huì)錯(cuò)克滴。Octopress 接觸有一個(gè)多星期了逼争,這里總結(jié)下基于 Octopress 及 Github搭建博客的過程及自己中間遇到的一些問題的解決辦法。技術(shù)上不一定完全精確劝赔,若有大神圍觀望指正:)
使用的是 Mac OS X 系統(tǒng)誓焦,不一定適用于 Windows 的童鞋。(勿拍磚...)
這是最終的實(shí)現(xiàn)效果:I'm Jony
1.Octopress 與 Jekyll & Github Pages 的關(guān)系
Octopress 是基于 Jekyll 的靜態(tài)博客框架着帽。
GitHub Pages 這里用于顯示托管在 GitHub 上的靜態(tài)網(wǎng)頁杂伟,是 GitHub 提供的一項(xiàng)服務(wù)。
總的來說也就是我們使用基于 Jekyll 的 Octopress 生成本地的靜態(tài)網(wǎng)站仍翰,然后將靜態(tài)的網(wǎng)站托管到 Github 為我們提供的 Github Pages 服務(wù)上赫粥。最后訪問?博客地址?就可以顯示我們的個(gè)人博客網(wǎng)站了。
2.準(zhǔn)備工作
1.安裝 git
點(diǎn)擊這里前往 Git 官網(wǎng)予借,按下圖提示下載安裝(一般 Mac OS X自帶 Git 環(huán)境越平,終端執(zhí)行 git -v 可查看 Git 版本)频蛔。
2.安裝 Ruby
這是?Ruby 官網(wǎng),這里就不詳細(xì)介紹 Ruby 啦秦叛,感興趣的話可以了解下帽驯。好吧,回到 Ruby 的安裝书闸。
打開終端尼变,執(zhí)行如下命令,安裝 RVM浆劲,同時(shí)也會(huì)安裝最新的 Ruby:
$ curl -L https://get.rvm.io | bash -s stable --ruby
安裝完嫌术,執(zhí)行如下命令,查看 Ruby 版本 (-v = --version)
$ ruby -v
如果你的 Ruby 版本不低于 1.9.3牌借,可直接跳轉(zhuǎn)到?安裝 RubyGems度气。否則需要執(zhí)行如下命令:
$ rvm install 2.0.0
$ rvm use 2.0.0
安裝 RubyGems:
$ rvm rubygems latest
現(xiàn)在我們?cè)賵?zhí)行命令 ruby -v 查看 Ruby版本,會(huì)看到現(xiàn)在已經(jīng)是 2.0.0 了膨报。
呼磷籍,準(zhǔn)備工作搞定!
3.本地安裝 Octopress
前面做了那么多準(zhǔn)備现柠,主角總算要上場了院领。
首先,將 Octopress 的項(xiàng)目 clone 到本地够吩,終端執(zhí)行如下命令:
$ git clone git://github.com/imathis/octopress.git octopress
進(jìn)入 octopress 目錄:
$ cd octopress
下面安裝 Octopress 所需要的依賴庫(dependencies)
# 安裝過程中可能會(huì)遇到權(quán)限問題比然,我們需要在命令前面加上 sudo 再執(zhí)行,并輸入登錄密碼周循。
# sudo 全稱:super user do强法,也就是以 root 用戶身份來執(zhí)行
$ sudo gem install bundler
$ bundle install
這里在不翻墻的情況下,可能會(huì)遇到一個(gè)問題:sudo gem install bundler 執(zhí)行后湾笛,一直沒有響應(yīng)饮怯。這是由于國內(nèi)網(wǎng)絡(luò)原因(你懂的),導(dǎo)致rubygems.org存放在 Amazon S3 上面的資源文件間歇性連接失敗嚎研。所以你會(huì)遇到?gem install rack?或?bundle install?的時(shí)候半天沒有響應(yīng)的情況蓖墅。
幸運(yùn)的是國內(nèi)某大神幫我們解決了這一心頭大患,我們可以用淘寶的Ruby鏡像來替換原來的鏡像嘉赎。只需終端執(zhí)行下面的命令即可:
$ gem sources -a https://ruby.taobao.org/ -r https://rubygems.org/
# 下一命令查看切換后結(jié)果
$ gem sources -l
然后會(huì)看到這樣的輸出:
*** CURRENT SOURCES ***
https://ruby.taobao.org
這就說明我們切換到淘寶的 Ruby 鏡像了置媳,再次安裝 Octopress 所需要的依賴庫就會(huì)發(fā)現(xiàn)成功啦。
當(dāng)然還有另外兩種方法:
(1).比較原始的方法——手動(dòng)更改:打開 octopress 文件夾 -> 打開 Gemfile 文件 -> 將 source "https://rubygems.org" 改為 source "https://ruby.taobao.org" 就可以了公条。
(2).相對(duì)方便點(diǎn)拇囊,因?yàn)槲覀兪褂玫氖?Gemfile,所以我們可以用 Bundler 的?Gem 源代碼鏡像命令靶橱,這樣我們就不用改 Gemfile 的 source 了寥袭。
$ cd octopress
$ bundle config mirror.https://rubygems.org https://ruby.taobao.org
最后安裝下默認(rèn)主題:
# rake 全稱:ruby make
$ rake install
4.預(yù)覽效果
好路捧,經(jīng)過上面的功夫,我們已經(jīng)在本地搭建了一個(gè)簡易版的 Octopress 博客传黄。
我們來看看效果吧杰扫。在終端執(zhí)行命令:
$ sudo rake preview
打開瀏覽器,輸入 http://localhost:4000/膘掰,就可以看到效果了章姓。雖然比較簡陋,但讓人挺高興的识埋,你覺得呢凡伊?
至此我們算是結(jié)束了本地安裝過程,下一篇我們會(huì)把本地的 Octopress 部署到 Github窒舟,那么下篇再見嘍~
本篇參考:
Octopress Setup: http://octopress.org/docs/setup/
Gem Source Mirrors:?http://bundler.io/v1.5/bundle_config.html#gem-source-mirrors