Windows下使用Hexo+GithubPage搭建博客

安裝Node.js  
下載地址：  https://nodejs.org/en/
去 NodeJs 官網下載相應版本，進行安裝即可。 
可以通過node -v的命令來測試NodeJS是否安裝成功 

1. 安裝Git 
   下載地址：https://git-scm.com/
   去 Git 官網下載相應版本，進行安裝即可。 
    
   我選擇在第二個在系統的cmd也可以使用 
    
    
    
    
   可以通過git –version的命令來測試git是否安裝成功 
   
2. 注冊Github賬號 
   去 Github 官網進行注冊即可。 
   注冊完之后記得添加 SSH Key。 
   這個 SSH Key是一個認證，讓github識別綁定這台機器，允許這台機器提交。執行如下命令：

cd ~/. ssh
 
 
 
         

  
  
  
          
1
 
 
 
         

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

 ssh-keygen -t rsa -C "你的GitHub賬戶"
 
 
 
         

  
  
  
          
1
 
 
 
         

記得修改成你自己郵箱地址。 
成功后會生成兩個文件id_rsa 以及id_rsa.pub。如圖， 
 
添加SSH Key到github 
這倆個文章在剛才用戶的.ssh目錄下 
 
之后在github添加SSH Key,在任意界面右上角，點擊你的頭像，選擇Settings-> SSH keys->New SSH key 
 
添加成功！

搭建博客

1. 安裝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
 
 
 
         

  
  
  
          
1
 
 
 
         

安裝依賴文件

npm install
 
 
 
         

  
  
  
          
1
 
 
 
         

部署形成文件

hexo generate
 
 
 
         

  
  
  
          
1
 
 
 
         

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

hexo server
 
 
 
         

  
  
  
          
1
 
 
 
         

 
這時提示Hexo is running at http://loalhost:4000/. 
接着我們打開瀏覽器，輸入http://localhost:4000/便可看到默認的博客，如圖。 

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

配置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的靜態網址，我的http://wx-jin.github.io，你會發現，打開是你自己剛才選擇靜態站點模版。

將本地hexo項目托管到Github

打開修改hexo目錄下配置文件_config.yml。 
 
編輯最后面的deploy屬性，加入代碼：

  type: git   repository: [e-mail]:WX-JIN/WX-JIN.github.io.git   branch: master 
 
 
 
         

  
  
  
          
1
  
  
  
          
2
  
  
  
          
3
 
 
 
         

type使用是git。 
repository屬性改成你的剛才創建倉庫git地址。 
分支branch填寫master。

這邊說下本地網站配置文件 _config.yml

網站的配置文件，你可以在這里配置一些基本信息，這里列舉部分關鍵配置：

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

  
  
  
          
1
  
  
  
          
2
  
  
  
          
3
  
  
  
          
4
  
  
  
          
5
  
  
  
          
6
  
  
  
          
7
  
  
  
          
8
  
  
  
          
9
  
  
  
          
10
  
  
  
          
11
  
  
  
          
12
  
  
  
          
13
  
  
  
          
14
  
  
  
          
15
  
  
  
          
16
  
  
  
          
17
  
  
  
          
18
  
  
  
          
19
  
  
  
          
20
  
  
  
          
21
  
  
  
          
22
  
  
  
          
23
  
  
  
          
24
  
  
  
          
25
  
  
  
          
26
  
  
  
          
27
 
 
 
         

根據自己需要修改！ 
安裝hexo-deployer-git插件

cnpm install hexo-deployer-git --save
 
 
 
         

  
  
  
          
1
 
 
 
         

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

hexo clean hexo generator #簡寫 hexo g hexo deploy #簡寫 hexo d
 
 
 
         

  
  
  
          
1
  
  
  
          
2
  
  
  
          
3
 
 
 
         

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