一、什么是Hexo

用Hexo官網的介紹https://hexo.io/zh-cn/docs/，Hexo是一個快速、簡捷且高效的博客框架。Hexo使用Markdown解析文章，可以在很短的時間內生成靜態網頁。

二、快速構建Hexo

安裝Hexo之前需要先安裝Node.js和Git,如果電腦中尚未安裝，請自行查詢并進行安裝。

安裝Hexo:

$ npm install -g hexo-cli

安裝Hexo完成后，執行以下命令：

$ hexo init myFirstHexo #創建并初始化項目 $ cd myFirstHexo $ npm install #安裝依賴

文件夾下的目錄和文件如下：

文件/目錄內容

_config.yml	網站配置文件
package.json	應用程序的信息
scaffolds	模板文件夾
source	模板文件夾
themes	主題文件夾

$ hexo new myFirstSrticle #新建一篇文章 $ hexo g #生成靜態文件 $ hexo s #啟動服務器。默認情況下，訪問的是本地的端口，http://localhost:4000/

瀏覽器打開http://localhost:4000/，就可以看到生成的網站。

三、部署到Github Pages

1.創建Repository

在github中創建一個repository,創建的格式為：

<github用戶名>.github.io

如圖所示：

(由于筆者之前創建過，所以顯示倉庫已存在)

2.修改配置文件

打開**_config.yml**文件，添加如下配置：

deploy:type: gitrepo: git@github.com:MaoJiu0916/MaoJiu0916.github.io.gitbranch: master

repo后面的內容為剛才創建倉庫的地址，一般有兩種形式：

https://github.com/MaoJiu0916/MaoJiu0916.github.io.git

或者

git@github.com:MaoJiu0916/MaoJiu0916.github.io.git

這里筆者推薦第二種,由于github是國外的網站,所以使用第一種訪問起來比較慢,部署可能會不成功.但是使用第二種時需要配置SSH密鑰,可以自行查詢解決.

3.一鍵部署

$ npm install hexo-deployer-git --save #安裝插件 $ hexo d #一鍵部署

打開(https://maojiu0916.github.io/)查看效果,如圖所示:

(因為使用Github Pages部署的,所以加載比較慢,稍等片刻就好)

總結

以上是生活随笔為你收集整理的【Hexo】搭建自己的博客并到Github Pages的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。