Hexo 是一個快速、簡潔且高效的博客框架,GitHub Pages 是面向用戶、組織和項目開放的公共靜態頁面搭建托管服務,站點可以被免費托管在 Github 上。
步驟被分為三步:
- 創建 GitHub Pages 倉庫。
- 用 Hexo 生成博客。
- 發布到 GitHub Pages。
創建 GitHub Pages
只要你有 GitHub 賬號就可以創建 GitHub Pages,其實就是創建一個倉庫名為 yourusername.github.io
的倉庫。
image.png
我的 GitHub 賬號為 bebalance
,所以倉庫名為 bebalance.github.io
,創建好之后,即生成了一個 url 為 https://bebalance.github.io/
的站點,以下都以這個賬戶名為例。
用 Hexo 搭建博客
-
安裝
npm install hexo-cli -g
-
建站
hexo init <folder>
cd <folder>
npm install
-
啟動服務器
? hexo server
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
默認情況下,訪問網址為: http://localhost:4000/ ,到這一步就可以看到生成的默認主題的博客啦~
發布到 GitHub Pages
-
生成靜態文件
上一步啟動服務器之后,就放著別動了,新開一個 Terminal 窗口,重新切換到項目目錄,并執行以下命令。
cd <folder>
hexo generate
- 該命令可以簡寫為 `hexo g`
-
配置部署參數
open _config.yml
打開配置文件 _config.yml
,編輯如下:
deploy:
type: git
repo: https://github.com/bebalance/bebalance.github.io.git
branch: master
需要注意的是: _config.yml 文件格式特別的嚴謹! 少了一個空格或者多一個空格都不是錯的,所以這個文件請不要隨便減少空格,或者多加空格。
deploy后面的每一行都要縮進一個空格,屬性名冒號后面也需要留一個空格。 (簡書的代碼格式竟然不顯示縮進。。。)
-
安裝部署插件
npm install hexo-deployer-git --save
-
部署
hexo deploy
- 該命令可以簡寫為
hexo d
訪問 https://bebalance.github.io/ 就可以看到已經將你本地配置好的博客發布到 GitHub Pages 上去啦~
后面你就可以著手給博客制作主題,發布文章等一系列操作了~