Mac環境下搭建Octopress部落格

weixin_34120274發表於2015-03-26

最近看了兩本書:
1.唐巧的《IOS開發進階》。
2.Matt Galloway的《Effective Objective-C 2.0》。

發現兩書的作者都在用Octopress的部落格,所以自己也想研究一下。養成寫部落格的習慣,對學習做一個總結,也可以方便其他人。閒話不多說,開始。

1.安裝Octopress

mac系統下一般已預設安裝了git
1.開啟終端輸入:git://github.com/imathis/octopress.git octopress,完成後Octopress會下載到個人資料夾,Finder中“前往-個人”

2.終端中輸入:cd octopress

2.安裝相關工具

1.終端輸入:
sudo gem install bundler
輸入密碼安裝成功後進入下一步。

2.bundle install
這裡是安裝具體的工具。

3.rake install
安裝預設主題和配置。

如果遇到You have already activated rake 0.9.6,but ....問題說明rake自動安裝的版本太低,需在終端執行bundle update rake更新rake**

3.部署部落格

部署部落格有三種方式:
1.-github 自定義域名 免費 但可被人clone下來
2.-heroku 自定義域名 免費 並且私有 博主用的是這種
3.-rsync 部署到自己的伺服器

開始部署:
1.註冊賬號:官網 https://id.heroku.com

2.賬號啟用後回到終端:輸入:sudo gem install heroku,此步驟較慢,耐心等待。

3.建立heroku應用:
heroku create
會要求輸入註冊的使用者名稱和密碼。

4.設定本地遠端程式碼庫到heroku:
git config branch.master.remote heroku

5.進入Octopress的根目錄,修改.gitignore檔案(此檔案為隱藏檔案,開啟隱藏檔案方法請自行查詢),此檔案中的內容為git版本控制時會自動忽略的檔案,刪除“public”和“Gemfile.lock”。

6.建立key:終端輸入heroku keys:add。按照提示確認,上傳成功。

7.生成專案:rake generate

8.commit本地git庫:
git add .(空格點)
git commit -m 'site updated'
基本工作已經完成,最後一步,上傳專案到heroku伺服器:git push heroku master

4.部落格設定

(1)基本資訊設定

開啟專案根目錄下的_config.yml檔案
url: http://yoursite.com
title: 李威的技術部落格
subtitle: 要麼得到,要麼學到
author: 李威
simple_search: https://www.google.com/search
description:

修改完成後可以試試本地預覽:
終端輸入:
rake generate
rake preview
然後瀏覽器開啟http://localhost:4000/

(2)修改域名

1.登入heroku網站,選擇已經"Personal Apps",進入已經存在的App。點選右上角的Settings,修改Name。

settings

2.修改了App名字後要修改遠端庫地址,終端輸入:
git remote set-url heroku GitURL(自己編輯)
GitURL可在網站Settings頁Info中檢視。

3.寫部落格
rake new_post["title"]
文章生成在目錄下的source/_posts目錄下。文章是markdown格式的。可以通過Mou軟體來編輯儲存。
關於markdown的格式可以參考這篇文章:http://wowubuntu.com/markdown/

4.上傳:
rake generate
git add .
git commit -m "site updated."
git push heroku master

5.刪除一篇文章,直接刪除markdown檔案,終端執行:
git rm -r - -cached
git add .
git commit -m 'site updated'
...

後續

因為筆者也是第一次使用Octopress部落格,所以有很多地方也不熟悉,等慢慢熟悉後,後續會帶來Octopress的一些設定,包括搜尋引擎優化,設定評論,安裝主題等等。

相關文章