Mac環境下Octopress我的博客搭建

一直想弄一個漂亮一點的我的博客,以前一直用的博客園,對主頁的能自定義內容實在不滿意,終於下定決定,找到了Octopress這個適合個人解決方案,如下過程都是本身一步一步記錄下來的,但願對你們有幫助。html

 

1.首先你能夠登陸Octopress主頁一下主要功能

http://octopress.orggit

而且確保mac安裝瞭如下工具:github

git(應該是mac自帶的)chrome

ruby 1.9.3以上版本(能夠在終端中用ruby --version查看版本是否知足)瀏覽器

缺乏的請單獨下載安裝,這裏就不具體講了ruby

 

2.開始安裝,mac上基本自帶安裝了git,因此直接打開終端,輸入:

git clone git://github.com/imathis/octopress.git octopress服務器

以後git將會從github克隆下Octopress項目文件到本地的octopress目錄,本地目錄能夠根據須要更改app

cd octopress工具

進入Octopress項目根目錄網站

 

3.安裝相關工具

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

更新完成能夠在確認一下,沒問題進入下一步

 

4.接下來開始部署博客

官方推薦了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庫

rake generate
git add .
git commit -m 'site updated'
 
好了,大功完成,最後一步,上傳項目到heroku服務器:
git push heroku master
 

5.最後簡單的設置下博客,並看下效果

打開項目根目錄下的 _config.yml文件,根據本身的需求修改吧

url: # For rewriting urls for RSS, etc

title : # Used in the header and title tags
subtitle : # A description used in the header
author : # Your name, for RSS, Copyright, Metadata
simple_search : # Search engine for simple site search
description : # A default meta description for your site
date_format : # Format dates using Ruby's date strftime syntax
subscribe_rss : # Url for your blog's feed, defauts to /atom.xml
subscribe_email : # Url to subscribe by email (service required)
category_feeds : # Enable per category RSS feeds (defaults to false in 2.1)
email : # Email address for the RSS feed if you want it.
 
修改完成後試試本地預覽
先從新生成一次網站
rake generate
而後準備預覽
rake preview
以後能夠打開瀏覽器輸入本地預覽地址
這裏還有個小問題,在最新的mac系統和safari7上預覽好像有問題,能夠用chrome或者firefox打開預覽
附上個人新主頁連接和預覽
 
 

looks nice!

 

關於自定義域名,完成後發現本身的域名是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

git push heroku master

再次打開博客url就可以看到實際效果了

 

後續繼續定製本身漂亮的博客! 

相關文章
相關標籤/搜索