但是如果你不滿足那些部落格千篇一律的外表，自己動手能力也強，想要擁有一個高大上的屬於自己的部落格，有自己的網址，那麼跟我一起來建立一個屬於自己的部落格吧

關於使用github建立部落格，知乎上有很多討論，大家可以根據自己的愛好，搜尋不同的教程。
有哪些github pages開源專案可以用來建部落格？

我建立的這個部落格是使用的github page + Hexo方法。

關於github page

使用github建立的部落格是屬於靜態網站部落格，也就是把寫好的文章生成HTML網頁，然後上傳到github網站，顯示的也就是HTML網頁，所以載入速度會很快

友情提示：建立自己的部落格用到很多命令列命令，但是不要恐懼，你可以直接複製貼上，不需要看的懂。

開始搭建屬於自己的部落格吧

大概分為下面幾個步驟

• 環境搭建
• 安裝配置Hexo
• 配置github倉庫
• 配置自己的網址（也叫域名）
• 建立和釋出文章

第一步：環境搭建

• 安裝git （因為要給github上傳文章）
• 安裝Node.js（因為Hexo是基於Node.js開發的）

安裝git

• Windows: 直接下載和安裝
• Mac：進入git網站下載和安裝，或者進入這裡下載
• Ubuntu：開啟終端複製貼上命令 sudo apt-get install git-core

安裝Node.js

第二步：安裝和配置Hexo

以下命令都是直接複製貼上到電腦終點執行的

上面的環境配置成功以後就可以使用npm安裝Hexo了

npm install -g hexo-cli

然後在本地目錄建立一個資料夾,比如我建立的是一個Hexo資料夾

然後cd到Hexo資料夾，也就是進去這個資料夾

然後依次執行下面的命令

hexo init
npm install

如果出現很多串程式碼的話，沒有什麼明顯的錯誤就表示安裝成功。

結果就是Hexo資料夾下面是這種結構

然後啟動本地這個Hexo服務

hexo server

好的，顯示的網站你可能看著不好看，現在我們更改一下主題

按ctrl+c關閉server

開啟終端視窗，輸入一下命令，將目錄切換到Hexo資料夾內的themes資料夾內

cd themes
 

然後把這個主題從github網站上clone下來

git clone https://github.com/litten/hexo-theme-yilia.git

等待克隆完成，你會在themes資料夾下看到新的主題包，如下圖，將這個主題包重新命名為yilla

然後開啟Hexo資料夾下面的_config.yml檔案，修改裡面的theme為yilia

好了，到此為止我們已經完成了本地Hexo的安裝和配置。

第三步：配置github倉庫

註冊賬號我就不用說了吧，都很簡單,然後建立一個的放部落格文章的倉庫

點選Crete a repositor

下圖箭頭指的方向就是配置你部落格的訪問地址，也就是倉庫名 使用者名稱.github.io必須是這個結構，不能有一點偏差。就按照我的方式建立就行，只需要把使用者名稱改為你的
然後點選建立，會初始化一個空的倉庫（因為我已經有一個這樣的倉庫了，所以會有紅色警告）

然後就是配置SSH

我測試的是：

• 如果你電腦上以前用過git往github上傳過程式碼，並且配置的使用者名稱和你github賬號一致，那麼你的github就算沒有設定SSH，也可以上傳成功，只需要把Hexo的配置檔案配置為HTTP方式上傳文章。

• 如果你配置上傳的賬號和github賬號不同，那麼你可以把這個賬號新增到你部落格倉庫的Collaborators上面，也可以上傳文章

  如果你不懂上面說的啥意思，不用管那麼多，那就老老實實配置SSH吧！！
  簡單方法：

命令列方法：

執行下面命令生成SSH

ssh-keygen

敲三次回車，既可以生成id_rsa.pub檔案，這裡面就是SSH key的內容

然後使用vim編輯器開啟這個檔案

vim ~/.ssh/id_rsa.pub

然後使用滑鼠拷貝里面的內容（退出vim編輯器命令:wq）

開啟你的github,點選Setting

點選左邊SSH keys

點選右邊Add SSH

然後把複製的內容貼上到下面那個框裡面，title隨便自己寫。

過程可能會讓你輸入一次密碼，輸入即可！
配置好就行了

判斷SSH是否配置好

ssh -T git@github.com

出現Hi CoderTian! You've successfully authenticated, but GitHub does not provide shell access. 就表示你已經配置好了SSH

SSH配置好了，下面配置你的本地Hexo

開啟Hexo目錄下的_config.yml，拉倒最下面
配置為這樣子,只需要把codertian改為你自己的github使用者名稱就可以了。
這種提交方式是使用http方式提交的，我個人測試的是不需要配置SSH也可以提交

下面的配置大家要注意空格，複製我的更改即可，記住一定要是https，不能為http,不然會報錯

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: https://github.com/codertian/codertian.github.io.git
  branch: master

儲存，cd到Hexo的根目錄
依次執行下面的命令

  hexo clean
  hexo g
  hexo d

如果出現下圖既證明已經沒有出現問題

如果出現失敗的提示可以把上面的配置改為下面這種使用SSH方式的提交，把使用者名稱改為你自己的使用者名稱

# Deployment
## Docs: http://hexo.io/docs/deployment.html
deploy:
  type: git
  repository: git@github.com:codertian/codertian.github.io.git
  branch: master

第一次上傳可能會讓你輸入git的使用者名稱和密碼

如果釋出的時候出現錯誤：ERROR Deployer not found: git 意思就是用來發布文章的git沒有安裝，執行命令 npm install hexo-deployer-git --save就可以解決了

好了，到這裡為止，你已經完成了自己部落格的建立了

第四步：配置自己部落格的網址(也叫域名)

然後去github，點選進去你建立的那個部落格倉庫點選create a new file here

名字為CNAME
內容為www.codertian.com記住填寫你自己申請的域名

然後提交

來到倉庫的右邊點選Download zip按鈕，下載下來這個倉庫，把裡面的CNAME檔案拖到Hexo檔案的Source目錄下

這邊配置好了以後，來到萬網解析你的域名
配置為這樣子

github提供了兩個主機地址

192.30.252.153
192.30.252.154

好了等待你的域名解析生效吧。就可以在瀏覽器裡面輸入你自己的域名訪問的部落格了。

第五步：建立和釋出文章

想要釋出新的文章，首先建立
cd到Hexo資料夾

hexo new "文章標題"

你可以在Hexo->Source->_post目錄下看到你新建立的那個文章，還有一個配套的資料夾，裡面放這邊博文的圖片資源

使用支援MarkDown編輯器編寫的開啟新建立的檔案，就可以寫文章了，要根據MarkDown語法寫出來的文章才會好看

Mac的markdown編輯器，我推薦mou
window下面的大家可以自行搜尋一下

文章標題，日期，標籤，分類

title: MVVM模式快速入門
date: 2015-11-13 15:40:25
tags: MVVM
categories: IOS開發

文章寫好直接執行下面命令即可直接釋出文章

hexo d -g

如果釋出時候出現錯誤

ERROR Deployer not found: git

執行

npm install hexo-deployer-git --save

關於文章圖片的插入

這個有必要說一下怎麼做
文章插入圖片需要用到Hexo的一個外掛，首先cd到hexo的根目錄

npm install https://github.com/CodeFalling/hexo-asset-image --save

然後把圖片放入對應文章的配套資料夾下，比如1.png

[站外圖片上傳中……(17)]

如果你是寫程式碼的，感覺程式碼樣式不好看，你可以下載別的主題，替換程式碼顯示樣式檔案

檔案地址/source/css/_partial/highlight.styl