使用Hexo搭建我的博客配置全過程

大體過程分爲：

　　1.搭建Node.js 環境

　　2. 搭建Git 環境

　　3.安裝配置Hexo

　　4.GitHub 註冊和配置

　　5. 關聯Hexo 與 GitHub Pages

　　7.Hexo的經常使用操做

下面大體講一下每一個步驟：

---

 

1.搭建Node.js 環境

　　Node.js 是一個基於Chrome JavaScript 運行時創建的一個平臺。

　　Node.js 是一個事件驅動 I/O 服務端JavaScript環境，基於Google的V8引擎，V8引擎執行JavaScript的速度很是快，性能很是好，而Hexo就是一款基於Node.js的靜態博客框架，經過Node.js來生成靜態的Web頁面。

　　Node.js的官方網站以下：

　　中文網站：https://nodejs.org/zh-cn/

　　英文網站： https://nodejs.org/en/

2. 搭建Git 環境

　  Git是一款免費、開源的分佈式版本控制系統，用於敏捷高效地處理任何或小或大的項目。
　　安裝Git用途其實也就是把本地的Hexo內容（既靜態的Web網站）提交到github或者Coding net等其餘的代碼託管站點上。
　　Git的官網下載地址爲：https://git-scm.com/downloads

 

3.安裝配置Hexo　

　　Hexo的官網地址爲：https://hexo.io/zh-cn
　　網站中有詳細的介紹和說明，你們能夠訪問此網站進行詳細的瞭解。
　　Node.js和Git都安裝好後,便可開始安裝Hexo
　　安裝Hexo很簡單隻需一條命令便可，無論你是在CMD命令行中執行，仍是右鍵選擇Git Bash Here進入來執行均可以。
　　在命令行中輸入：

 　　

npm install hexo-cli -g

建立站點:

hexo init <根文件夾名>

下載依賴:（很熟悉的一步了吧）

npm install

運行：

hexo server

　

　出現提示：Hexo is running at http://localhost:4000/
　在瀏覽器輸入該地址，便可預覽效果。

 

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

此時只是在本地建立好了站點並生成了靜態頁面，下面咱們就須要在GitHub上建立代碼庫，並將本地的代碼上傳到GitHub上。

、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、

 

4.GitHub 註冊和配置

　　GitHub 是一個代碼託管平臺，由於只支持 Git 做爲惟一的版本庫格式進行託管，故名 GitHub。
　　Github官網地址爲：https://github.com

　　建立代碼庫：

　　註冊完成，登錄以後，點擊頁面右上角的加號，選擇New repository：

 　　

　　-------------------------------------------------------------------------------點擊以後出現下圖-----------------------------------------------------------------------

　　

　　　注意：這裏填入的xian521.github.io是我已經用過的，成功就會出現對號，若是你的名子是xian521，那你就填xian521.github.io

 　　

與github創建聯繫：

　　咱們如何讓本地git項目與遠程的github創建聯繫呢？用 SSH keys
　　 一、生成SSH keys

　　　　在命令行中使用以下命令輸入你本身的郵箱地址（無論你是在CMD命令行中執行，仍是右鍵選擇Git Bash Here進入來執行均可以）

ssh-keygen -t rsa -C "xxxx@qq.com"

 

　　在回車中會提示你輸入一個密碼，這個密碼會在你提交項目時使用，若是爲空的話提交項目時則不用輸入，咱們按回車不設置密碼。

 

　　二、添加 SSH Key 到 GitHub

　　　　打開 C:\Users\.ssh\id_rsa.pub，此文件裏面內容爲剛纔生成的密鑰，準確的複製這個文件裏的內容，粘貼到 https://github.com/settings/ssh 的 new SSH key 中

 

　　 三、測試是否添加成功
　　　　能夠輸入下面的命令，看看設置是否成功，git@github.com的部分不要修改：

ssh -T git@github.com

　　　　-----這裏會讓輸入yes or no 輸入yes 就行了

　　　　出現 ： Hi name! You've successfully authenticated, but GitHub does not provide shell access.

 

　　4.配置Git我的信息

　　　　

git config --global user.name "xxxxx"
git config --global user.email "xxxxx@qq.com"

　　5.配置 Deployment

　　　　在_config.yml文件中(此文件在你建立好的Hexo站點目錄中)，找到Deployment，而後按照以下修改，用戶名改爲你本身的GitHub信息：

　　　　

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: git@github.com:xian521/xian521.github.io.git
  branch: master

 

　　6.本地文件提交到GitHub

// 刪除舊的 public 文件
hexo clean

// 生成新的 public 文件
hexo generate

// 開始部署
hexo deploy

 若是沒有錯誤產生，此時你本地的代碼就已經上傳到了Github中。
　　注意1：若上面操做失敗，則須要提早安裝一個擴展：

　　　　npm install hexo-deployer-git --save

 

　　注意2：若是在執行 hexo d 後,出現 error deployer not found:github 的錯誤（以下），則是由於沒有設置好 public key 所致，從新詳細設置便可。

  

5. 關聯Hexo 與 GitHub Pages

　　代碼庫正確建立以後，而且已經將代碼上傳到了Github中，github 中就有了一個項目：

　　

　　接下來開啓Github pages功能，點擊界面右側的Settings，你將會打開這個庫的setting頁面，向下拖動，直到看見GitHub Pages，如圖：

　　

　　

　　在紅框中選擇已經上傳的master branch代碼。

　　保存以後，此時直接訪問以前建立New repository時所填的信息：xian521.github.io，就能夠看到相應的web頁面信息了，域名和站點都是免費的，是否是很cool！

 

6.Hexo的經常使用操做

 　　參考資料：

　　　　https://www.cnblogs.com/blogjun/articles/8289977.html?tdsourcetag=s_pctim_aiomsg

　　　　https://www.cnblogs.com/xiaoyucoding/p/8188989.html?tdsourcetag=s_pctim_aiomsg

　　　　http://www.javashuo.com/article/p-uzbytbgj-kv.html

　　　　https://blog.csdn.net/u011851478/article/details/52947900?tdsourcetag=s_pctim_aiomsg