因為GitHub在國内太慢的原因，是以打算用gitee或者coding的，但是發現現在國内的代碼托管商建立倉庫都不支援自定義域名了，是以隻能用回GitHub Pages來托管了。

廢話不多說，直接開幹。

安裝Node.js

首先下載下傳穩定版

Node.js官網

下載下傳完，安裝一路next。

最後安裝好之後，按Win+R打開指令提示符，輸入

node -v

和

npm -v

，如果出現版本号，那麼就安裝成功了。

安裝Git

為了把本地的網頁檔案上傳到github上面去，我們需要用到分布式版本控制工具————Git

Git官網

安裝選項還是全部預設。

安裝完成後在指令提示符中輸入git --version驗證是否安裝成功。

設定SSH和Git賬戶

設定user.name和user.email配置資訊：

git config --global user.name "你的GitHub使用者名"
git config --global user.email "你的GitHub注冊郵箱"

複制

生成ssh密鑰檔案：

ssh-keygen -t rsa -C "你的GitHub注冊郵箱"

複制

然後直接三個回車即可，預設不需要設定密碼

然後找到C:/Users/(yourname)/.ssh的檔案夾中的id_rsa.pub密鑰，将内容全部複制

打開GitHub-Settings-SSH and GPG keys 頁面，建立new SSH Key，名字随便，内容複制進去，輸密碼确認即可。

在Git Bash中輸入

ssh -T [email protected]

，若顯示出你的名字，則配置成功，如果沒有，這一步涉及的操作重新檢查一遍。

建立repository

打開GitHub，在GitHub右上角點選“加号”-New repository-名字設為yourname.github.io（這裡的yourname是名字，不是昵稱，比如部落客這裡是cordinovet）-README初始化也要勾選-建立。

安裝Hexo

在合适的地方建立一個檔案夾，用來存放自己的部落格檔案，比如我的部落格檔案都存放在

D:\cordinovet.github.io

目錄下。

在該目錄下右鍵點選Git Bash Here，打開git的控制台視窗，以後我們所有的操作都在git控制台進行，就不要用Windows自帶的控制台了。

定位到該目錄下，輸入

npm i hexo-cli -g

安裝Hexo。

安裝完後輸入

hexo -v

驗證是否安裝成功。

連接配接自有域名和Github

如果你自己沒有域名，并且習慣于“yourname.github.io”這樣的域名的話，此步可跳過。

到域名提供商或解析商設定CNAME

這裡以DNSPod為例。

其中主機記錄為你前面建立網站時輸入的子域名（如果site.xxx.com，則子域名為site）

記錄類型為CNAME

記錄值為在github上設定的域名（如cordinovet.github.io）

其他預設

最後點确認

修改配置檔案_config.yml

打開本地部落格根目錄下的_config.yml檔案，這是部落格的配置檔案，在這裡你可以修改與部落格相關的各種資訊。

修改前面的title,subtitle,author,keyword。(SEO需要)

自己想修改成什麼就修改成什麼。

同時修改url（url可以修改成自己有的域名，如site.wnag.com.cn,也可以修改成在github設定的域名，cordinovet.github.io）

最後，修改最後一行的配置（修改Git送出上去的途徑）

将

deploy:
    type:""

複制

改成

deploy:
  type: git
  repository: https://github.com/cordinovet/cordinovet.github.io
  branch: master

複制

repository修改為你自己的github項目位址。

添加CNAME解析檔案

進入本地部落格檔案夾，進入

cordinovet.github.io/source

目錄下，建立一個記事本檔案，輸入你的域名，儲存即可。

我的是“site.wnag.com.cn”，不用加 http(s):// 。

配置網站

初始化我們的網站，輸入

hexo init

初始化檔案夾，接着輸入

npm install

安裝必備的元件。

這樣本地的網站配置也弄好啦，輸入hexo g生成靜态網頁，然後輸入hexo s打開本地伺服器，然後浏覽器打開

http://localhost:4000/

，就可以看到我們的部落格。

若出現hexo s失敗的問題，原因可能有二：其一是因為前面在修改配置檔案_config.yml的時候，可能沒配置好，多空格或少空格，其二可能是端口的問題， hexo s -p 2333 改一下端口後再 hexo s 試試看。

設定hexo主題

這裡部落客用的是huno主題，主題很簡約，且響應式設計做的不錯。

附位址，按裡面操作即可。

Huno

去Github綁定域名

登入GitHub，進入之前建立的倉庫，點選settings，設定Custom domain，輸入你的域名（site.wnag.com.cn)，點選save儲存。

然後，進入本地部落格

cordinovet.github.io/source

目錄下，建立一個記事本檔案，輸入你的域名（site.wnag.com.cn)即可。

将本地部落格上傳至GitHub

指令如下：

npm install --save hexo-deployer-git

複制

hexo d

輸入GitHub賬号和密碼即可。

到此大功告成。

另外可以不定時對遠端倉庫進行clone備份

對遠端倉庫進行clone備份

在github部落格倉庫下建立一個分支hexo，然後git clone到本地，把.git檔案夾拿出來，放在部落格根目錄下。

然後git branch -b hexo切換到hexo分支，然後git add .，然後git commit -m "xxx"，最後git push origin hexo送出就行了。

參考

超詳細Hexo+Github部落格搭建小白教程

GitHub+Hexo 搭建個人網站詳細教程

Hexo + GitHub (Coding) Pages 搭建部落格

本文标題：《用GitHub Pages和Hexo搭建個人部落格小站》

本文連結：https://wnag.com.cn/951.html

特别聲明：除特别标注，本站文章均為原創，本站文章原則上禁止轉載，如确實要轉載，請電聯：[email protected]，尊重他人勞動成果，謝過~