環(huán)境搭建

在 Github 上利用 Octopress 框架搭建了一個(gè)博客，所有的東西都可以 DIY，感覺(jué)還是蠻酷的。這里把整個(gè)搭建過(guò)程分享一下。當(dāng)然第一步還是環(huán)境的搭建。

博客演示

演示地址：http://fusijie.github.io，因?yàn)榻壎擞蛎?，所以?huì)跳轉(zhuǎn)到http://www.fusijie.com。因?yàn)楸救藢?duì)網(wǎng)頁(yè)編寫一竅不通，多年來(lái)水平一直停留在看懂幾個(gè)標(biāo)簽上，所以如果有理解錯(cuò)或者寫錯(cuò)，敬請(qǐng)指出，虛心受教。

搭建本地環(huán)境

安裝 msysgit

下載地址：http://msysgit.github.io/。安裝方式和配置請(qǐng)移步：http://blog.csdn.net/jackystudio/article/details/12249303

http://wiki.jikexueyuan.com/project/github-page/images/msysgit.jpg" alt="" />

安裝 Ruby

下載地址：http://pan.baidu.com/share/link?shareid=3885776025&uk=637953331。這里使用 ruby 1.9.3p448 版本，安裝時(shí)勾選 Add Ruby executables to your PATH。

http://wiki.jikexueyuan.com/project/github-page/images/ruby.jpg" alt="" />

將 ruby 加入系統(tǒng)環(huán)境路徑，安裝完成后 cmd 執(zhí)行：

ruby -v  

確認(rèn)是否添加成功。如果忘記勾選了，手動(dòng)加入即可。

rubycmd.jpg

安裝 DevKit

下載地址：http://pan.baidu.com/share/link?shareid=3891765640&uk=637953331。這里使用 4.5.2 版。解壓到D:\DevKit，打開(kāi) cmd，執(zhí)行如下命令：

D:  
cd D:DevKit  
ruby dk.rb init  
ruby dk.rb install  

http://wiki.jikexueyuan.com/project/github-page/images/devkit.jpg" alt="" />

配置環(huán)境

支持 UTF-8 編碼

配置 Windows 環(huán)境變量如下：

LANG=zh_CN.UTF-8  
LC_ALL=zh_CN.UTF-8  

替換更新源

gem sources -a http://ruby.taobao.org/  
gem sources -r http://rubygems.org/  
gem sources -l  

因?yàn)椴环瓑?ruby 網(wǎng)站上不去,所以需要更換 ruby 的更新源，第一個(gè)是添加，第二個(gè)是刪除，第三個(gè)是顯示，如果顯示輸出http://ruby.taobao.org/，就對(duì)了。

http://wiki.jikexueyuan.com/project/github-page/images/ruby1.jpg" alt="" />

克隆 Octopress 庫(kù)

進(jìn)入你要存放博客源碼的目錄，我這里是直接使用 C 盤盤根。執(zhí)行命令:

cd c:  
git clone git://github.com/imathis/octopress.git  

然后你就會(huì)發(fā)現(xiàn)在 C 盤根目錄下多了一個(gè) Octopress 的文件夾。

http://wiki.jikexueyuan.com/project/github-page/images/octopress.jpg" alt="" />

進(jìn)入 Octopress 文件夾，用 UE 或者 Sublime Text 打開(kāi) Gemfile 文件： 替換source “http://rubygems.org/”為source “http://ruby.taobao.org/”

安裝 Octopress 依賴項(xiàng)

打開(kāi) cmd，運(yùn)行如下命令：

C:  
cd octopress  
gem install bundler  
bundle install 

http://wiki.jikexueyuan.com/project/github-page/images/octopress1.jpg" alt="" />

http://wiki.jikexueyuan.com/project/github-page/images/octopress2.jpg" alt="" />

如果出現(xiàn)錯(cuò)誤，請(qǐng)嘗試更換 ruby 版本。