基于 Octopress & Github Pages 搭建博客(一)

一直以來想有個(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 版本)频蛔。


Git_downloads

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/膘掰,就可以看到效果了章姓。雖然比較簡陋,但讓人挺高興的识埋,你覺得呢凡伊?


octopress 本地顯示效果

至此我們算是結(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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末系忙,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子惠豺,更是在濱河造成了極大的恐慌银还,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,214評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件洁墙,死亡現(xiàn)場離奇詭異蛹疯,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)扫俺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門苍苞,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人狼纬,你說我怎么就攤上這事÷罴剩” “怎么了疗琉?”我有些...
    開封第一講書人閱讀 152,543評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵,是天一觀的道長歉铝。 經(jīng)常有香客問我盈简,道長,這世上最難降的妖魔是什么太示? 我笑而不...
    開封第一講書人閱讀 55,221評(píng)論 1 279
  • 正文 為了忘掉前任柠贤,我火速辦了婚禮,結(jié)果婚禮上类缤,老公的妹妹穿的比我還像新娘臼勉。我一直安慰自己,他們只是感情好餐弱,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評(píng)論 5 371
  • 文/花漫 我一把揭開白布宴霸。 她就那樣靜靜地躺著囱晴,像睡著了一般。 火紅的嫁衣襯著肌膚如雪瓢谢。 梳的紋絲不亂的頭發(fā)上畸写,一...
    開封第一講書人閱讀 49,007評(píng)論 1 284
  • 那天,我揣著相機(jī)與錄音氓扛,去河邊找鬼枯芬。 笑死,一個(gè)胖子當(dāng)著我的面吹牛采郎,可吹牛的內(nèi)容都是我干的千所。 我是一名探鬼主播,決...
    沈念sama閱讀 38,313評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼尉剩,長吁一口氣:“原來是場噩夢啊……” “哼真慢!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起理茎,我...
    開封第一講書人閱讀 36,956評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤黑界,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后皂林,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體朗鸠,經(jīng)...
    沈念sama閱讀 43,441評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評(píng)論 2 323
  • 正文 我和宋清朗相戀三年础倍,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了烛占。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,018評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡沟启,死狀恐怖忆家,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情德迹,我是刑警寧澤芽卿,帶...
    沈念sama閱讀 33,685評(píng)論 4 322
  • 正文 年R本政府宣布,位于F島的核電站胳搞,受9級(jí)特大地震影響卸例,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜肌毅,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評(píng)論 3 307
  • 文/蒙蒙 一筷转、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧悬而,春花似錦呜舒、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽店乐。三九已至,卻和暖如春呻袭,著一層夾襖步出監(jiān)牢的瞬間眨八,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評(píng)論 1 261
  • 我被黑心中介騙來泰國打工左电, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留廉侧,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,467評(píng)論 2 352
  • 正文 我出身青樓篓足,卻偏偏與公主長得像段誊,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子栈拖,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 一直以來想有個(gè)屬于自己的博客空間连舍,或許是出于一種歸屬感吧。就這樣知道了 WordPress涩哟、Jekyll索赏、Hexo...
    向著陽光奔跑的小孩閱讀 822評(píng)論 0 1
  • 作為一個(gè)程序員,如果沒有自己的專屬技術(shù)博客贴彼,豈不是一大不幸潜腻?于是不久前在jonyfang的詳細(xì)教程下完成了在Mac...
    乒什么乓閱讀 4,852評(píng)論 3 15
  • 講師:三角獸 王寶勛博士聯(lián)系方式: wangbaoxun@trio.ai 背景介紹 Turing Test Cha...
    Tmac1860閱讀 765評(píng)論 0 0
  • 六、一班 郝振威 春風(fēng)吹動(dòng)著器仗, 花兒擺動(dòng)著融涣。 我在那田園小徑中, 迎著春風(fēng)走動(dòng)著精钮。 百花齊放威鹿, 百草爭鳴。 那是...
    一花匠閱讀 856評(píng)論 0 4
  • 自律的人能夠很好地掌控自己的生活和工作轨香,往往比一般人更加優(yōu)秀专普。 但當(dāng)你開始嘗試自律時(shí),會(huì)發(fā)現(xiàn)過程太艱難弹沽。 ...
    孫靜2017閱讀 1,289評(píng)論 0 0