前段時(shí)間萌發(fā)自己搭建博客的念頭，沖動之下買了個云服務(wù)器，奈何個人對html的東西實(shí)在不通，折騰了幾天，blog依然丑的可以。后來無意間看見在github上可以搭建個人blog，就用谷歌折騰該如何在github上搭建blog，奈何網(wǎng)上很多教程都過于古老，或者很多細(xì)節(jié)都含糊不清，導(dǎo)致爬了好幾天幾天坑，才blog搭建了起來。

成功搭建的hexo網(wǎng)站

我的hexo網(wǎng)站

如何在github上搭建blog

本文分為三個部分:

• 本地環(huán)境搭建
• github 部署
• hexo 與github關(guān)聯(lián)

需要的的原料

• git
• github 賬號
• node js
• hexo
• 個人域名(可選)

本地環(huán)境搭建

1. 安裝git

https://www.git-scm.com/download/win

選擇你需要的版本，一路默認(rèn)安裝便可

2. 安裝node js

• 32位下載地址

https://nodejs.org/dist/v4.2.3/node-v4.2.3-x86.msi

• 64位下載地址

https://nodejs.org/dist/v4.2.3/node-v4.2.3-x64.msi

下載完成后雙擊安裝，不做任何操作，一直默認(rèn)下去便可。

3. 安裝完成后win+R調(diào)出CMD命令，輸入node -v，校驗(yàn)是否安裝成功，如果出現(xiàn)以下信息，則表示安裝成功</br>
   
   node js安裝成功
4. 安裝完成node js后，在任意目錄下打開cmd命令窗口，輸入以下命令來安裝hexo

npm install -g hexo

如果出現(xiàn)以下信息，則表示hexo安裝成功</br>

hexo 安裝成功

5. 接著輸入以下命令添加git依賴</br>
   注意：</br>

• 該命令必須在hexo g 之前完成
• 部署這個命令一定要用git bash，否則會提示Permission denied (publickey).

 npm install hexo-deployer-git --save

如果出現(xiàn)以下信息，則表示hexo git依賴安裝成功

hexo git 依賴安裝成功

6. 創(chuàng)建hexo工程
   在任意盤符中創(chuàng)建一個文件夾，把它命名為hexo，打開該文件夾，在該目錄下打開cmd，輸入以下命令

hexo init

hexo 便自動創(chuàng)建了一個項(xiàng)目，目錄結(jié)構(gòu)如下:

hexo目錄結(jié)構(gòu)

7. 現(xiàn)在在cmd命令下輸入以下命令

hexo server -p 5001

如果出現(xiàn)以下信息，表示你已經(jīng)生成了hexo工程。

hexo工程生成成功

</br>
現(xiàn)在，是時(shí)候在瀏覽器中展示你的成果了，在瀏覽器地址欄中，輸入以下地址，如果出現(xiàn)以下頁面，該頁面便是你以后的blog的預(yù)覽效果。

http://localhost:5001/

效果

github部署

如果以上的網(wǎng)頁能正常顯示，那么恭喜你，本地環(huán)境搭建已經(jīng)基本完成，現(xiàn)在是時(shí)候?qū)exo部署到github上了，將hexo部署你還需要完成幾個步驟：

1. 創(chuàng)建一個github賬號

2. 創(chuàng)建一個新的軟件倉庫，名稱格式必須為：github的用戶名.github.io。</br>
   如：我的github用戶名為：AriaLyy，那么該軟件倉庫的名必須為: AriaLyy.github.io</br>
   最終軟件倉庫如下：
   

   hexo軟件倉庫

3. 現(xiàn)在點(diǎn)擊Settings，往下拉，如果你看見下圖的信息 Your site is published at http://AriaLyy.github.io/
   

   github網(wǎng)站生成
   
   只要出現(xiàn)可以點(diǎn)擊的網(wǎng)絡(luò)地址，那么表示github已經(jīng)成功幫你自動生成一個靜態(tài)網(wǎng)站了。

4. 創(chuàng)建github ssk公鑰
   在任意目錄打開CMD，輸入以下命令創(chuàng)建git ssh公鑰，一路回車下去便可

ssh-keygen -t rsa -C "key_name"

接著講ssh公鑰添加到github中。</br>
ps:如果你碰到ssh-keygen不是內(nèi)部命令，那么你需要將git安裝目錄下的Git\usr\bin路徑設(shè)置在環(huán)境變量中。

hexo 已github關(guān)聯(lián)

如果你已經(jīng)完成了以上的步驟，那么你離成功只剩下一步之遙。</br>
還記得我們的hexo工程，以及*.github.io的軟件倉嗎？</br>
打開該文件，找到_config.yml文件，用文本編輯器打開，找到deploy字段，添加以下信息

deploy:
  type: git
  repository: git@github.com:AriaLyy/AriaLyy.github.io.git # 這個配置為你*.github.io軟件倉庫clone地址
  branch: master  #分支為master分支

這里有幾點(diǎn)需要注意：

• 每個參數(shù)，冒號后面，必須要有一個空格！?。。。?！
• repository 參數(shù)需要 ssh 的clone地址
• branch 分支需要是master分支

如果你已經(jīng)配置好以上步驟，接下來在hexo文件夾下打開cmd，輸入以下命令，將hexo工程部署到github上。</br>

hexo d -g

注意：部署這個命令一定要用git bash</br>
如果一切順利，那么將會出現(xiàn)類似于下面的成功提示信息

hexo github關(guān)聯(lián)成功

那么在瀏覽器地址上輸入:你的*.github.io軟件倉庫的名稱，將會打開你的blog。

效果

如果一切順利，請盡情享受你的喜悅吧。

這是我在github上創(chuàng)建的個人blog，點(diǎn)擊我