在Windows下使用Hexo+GithubPage搭建部落格的過程

標籤：sdn   部落格   右上方   cal   系統   設定   ble   time   中文   

1.安裝Node.js
　　：傳送門
　　去 node.js 官網下載相應版本，進行安裝即可。
　　可以通過node -v的命令來測試NodeJS是否安裝成功
　　

2.安裝Git
　　：傳送門
　　去 Git 官網下載相應版本，進行安裝即可。
　　
　　選擇在第二個在系統的cmd也可以使用
　　
　　
　　
　　
　　可以通過git –version的命令來測試git是否安裝成功
　　

3.註冊Github帳號
　　去 Github 官網進行註冊即可。
　　註冊完之後記得添加 SSH Key。
　　這個 SSH Key是一個認證，讓github識別綁定這台機器，允許這台機器提交。執行如下命令：

cd ~/. ssh

　　

　　~這個符號，表示在使用者目錄下
　　執行代碼如果提示：No such file or directory 說明你是第一次使用git。
　　下面就說下怎麼配置SSH Key。
4.生產新的SSH Key配置
　　在Git Bash執行代碼：

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

　　記得修改成你自己郵箱地址。 

　　成功後會產生兩個檔案id_rsa 以及id_rsa.pub。，
　　
5.添加SSH Key到github
　　這兩個檔案在剛才使用者的.ssh目錄下
　　
　　之後在github添加SSH Key,在任意介面右上方，點擊你的頭像，選擇Settings-> SSH keys->New SSH key
　　
　　添加成功！

6.搭建部落格

　　安裝Hexo

　　在本地建立一個Blog檔案夾，檔案右鍵，選擇Git Bash。
　　
　　輸入指令安裝hexo：

npm install -g hexo 

　　

　　等安裝完畢，通過輸入hexo的命令來測試Hexo是否安裝成功，成功如展示：
　　
　　接著初始化Hexo：

hexo init hexo

　　

　　初始化成功會顯示Start blogging with Hexo!
　　
　　這時在你剛才建立的Blog裡面會多出一個hexo檔案
　　
　　進入到hexo目錄，輸入指令npm install，安裝依賴檔案以及部署形成檔案
　　開啟hexo目錄

cd hexo

　　安裝依賴檔案

npm install

　　部署形成檔案

hexo generate

　　

　　最後剩下運行server
　　跑起hexo服務

hexo server

　　

　　這時提示Hexo is running at http://loalhost:4000/.
　　接著我們開啟瀏覽器，輸入http://localhost:4000/便可看到預設的部落格，。

　　到這裡，hexo已經安裝完畢。

7.配置githubPage

　　登入Github，點擊”New repository”，建立一個版本庫
　　輸入倉庫名：你的Github名稱.github.io。然後點擊Create repository。
　　
　　注意：這邊的建立名字，一定要用的github的使用者名稱，不然顯示不出來，因為githubPage只能你的使用者名稱。
　　啟用GitHub Page
　　點擊右邊的“Setting”菜單進入設定,點擊”Launch automatic page generator”
　　
　　進入之後點擊底部的”Continue to layouts”

　　
　　之後選擇一個隨意模版，點擊”Publish page”,發布github預設產生的一個靜態網站
　　
　　試著開啟自己在github的靜態網址，你會發現，開啟是你自己剛才選擇靜態網站模版。

8.將本地hexo項目託管到Github

　　開啟修改hexo目錄下設定檔_config.yml。
　　
　　編輯最後面的deploy屬性，加入代碼:

type: gitrepository: [email protected]:c237878/c237878.github.io.gitbranch: master

　　type使用是git。 

　　repository屬性改成你的剛才建立倉庫git地址。
　　分支branch填寫master。

　　

　　這邊說下以磁碟為基礎的網站設定檔 _config.yml

　　網站的設定檔，你可以在這裡配置一些基本資料，這裡列舉部分關鍵配置：

# Hexo Configuration## Docs: https://hexo.io/docs/configuration.html## Source: https://github.com/hexojs/hexo/# Sitetitle: Dududzai’s Blog #網站的標題subtitle: life is struggle #副標題description: life is struggle #描述author: examble #作者資訊avatar: /images/avatar.png #頭像，圖片位置在相應主題目錄下的imageslanguage: zh-Hans #中文簡體email: 85268837@qq.comtimezone:# Extensions## Plugins: https://hexo.io/plugins/## Themes: https://hexo.io/themes/theme: next #配置主題，這裡使用next主題stylus:  compress: true #調適型配置# Deployment## Docs: https://hexo.io/docs/deployment.htmldeploy:  type: git #部署環境，基於hexo+githubpage,所以這裡使用git。注意：不同版本的hexo，type有可能不同，3.x以後應使用git,具體參看官方文檔  repository: [email protected]:username/username.github.io.git #git倉庫地址，替換成你的username即可，其他保持不變，後面會提到如何建立git倉庫  branch: master

　　根據自己需要修改！ 

　　安裝hexo-deployer-git外掛程式

npm install hexo-deployer-git --save

　　

　　部署你本地的主題到github上
　　代碼如下，每次修改本地主題，都需要執行以下代碼

hexo cleanhexo generator #簡寫 hexo ghexo deploy #簡寫 hexo d

　　

　　
　　
　　最後看下，部署到github上的效果！
　　

　　好了，以上安裝Windows下使用Hexo+GithubPage搭建部落格.

參考文章： 

http://duduzai.github.io/2016/03/22/first-hexo/
http://www.v2ex.com/t/175940

在Windows下使用Hexo+GithubPage搭建部落格的過程