在我的上一篇文章《使用 hexo 搭建個(gè)人博客 01》中,介紹了使用 hexo 搭建博客的基本知識(shí)。本篇將主要介紹如何部署 hexo 到 Github Pages 服務(wù),以及如何更換 hexo 的主題。
6. 部署 blog 為 Github Pages
github 是目前全球最大的代碼托管倉(cāng)庫(kù)。Github Pages 是由 github 提供的一個(gè)免費(fèi)的靜態(tài)頁(yè)面托管服務(wù),只需要我們擁有一個(gè) github 賬號(hào)即可。
要將 hexo 生成的靜態(tài)網(wǎng)頁(yè)部署為 Github Pages,詳細(xì)步驟如下:
- 在 github 上創(chuàng)建 git 倉(cāng)庫(kù)
使用用戶名為${username}
的 github 賬號(hào),創(chuàng)建一個(gè) repository,命名為${username}.github.io
。此處倉(cāng)庫(kù)名必須為該格式,否則無(wú)法使用 Github Pages 服務(wù)。 - 修改本地配置
使用 vim 或其他編輯器編輯~/blog
目錄下的_config.yml
文件。在 shell 中執(zhí)行:
``` Bash
~/blog$ vim _config.yml
```
修改配置文件 deploy 相關(guān)配置:
``` yaml
# ... other configs
deploy:
type: git
repository: git@github.com:${username}/${username}.github.io.git
branch: master
```
這里的 repository url 可以在 github 倉(cāng)庫(kù)頁(yè)面復(fù)制(本文使用的是ssh方式)。另外需要注意,yaml 配置文件對(duì)格式有嚴(yán)格的要求,必須保證縮進(jìn),且 `:` 后一定要加上空格,否則配置可能失效。
- 生成 ssh 密鑰對(duì)
在 shell 中執(zhí)行:
此處~/blog$ cd ~ ~$ ssh-keygen -t rsa -C ${email}
${email}
建議使用你的真實(shí)可用郵箱。接下來(lái)終端會(huì)分別提示你輸入生成密鑰目標(biāo)文件夾,密鑰使用密碼以及確認(rèn)密碼。可以直接點(diǎn)擊Enter
使用缺省值。
執(zhí)行成功后,缺省會(huì)生成一個(gè)~/.ssh
目錄,里面包含了id_rsa
與id_rsa.pub
兩個(gè)文件,分別保存了 ssh 私鑰與公鑰。 - 添加 ssh 公鑰到 github
用任意文本編輯器打開(kāi)~/.ssh/id_rsa.pub
文件,拷貝里面的文本內(nèi)容。登入 github,進(jìn)入${username}.github.io
倉(cāng)庫(kù)的 "Settings",切換到 "Deploy keys" 選項(xiàng)卡,點(diǎn)擊 "add deploy key" 按鈕,此處 "title" 欄可以任意填寫,"key" 欄粘貼本機(jī)生成的 ssh 公鑰內(nèi)容,勾選 "Allow write access" 選項(xiàng),保存即可。 - 安裝 hexo-deployer-git 插件
在 shell 中執(zhí)行:~$ cd blog ~/blog$ npm install hexo-deployer-git --save
- 生成并部署 hexo 靜態(tài)頁(yè)面
在 shell 中執(zhí)行:
這兩條指令也可以等價(jià)簡(jiǎn)寫為:~/blog$ hexo generate ~/blog$ hexo deploy
成功執(zhí)行后,用瀏覽器訪問(wèn)~/blog$ hexo g -d
http://${username}.github.io
,就可以看到托管到 Github Pages 上的博客了。
7. 選擇一款適合你的主題
hexo 默認(rèn)的主題樣式是 landscape,也許你希望使用更多樣、更個(gè)性化的主題風(fēng)格。在 github 上有許多開(kāi)源的 hexo 主題,你只需要把它們克隆到 ~/blog/themes
目錄下,并在 ~/blog/_config.yml
的 theme
屬性中設(shè)置你希望使用的主題,然后重新生成頁(yè)面部署即可。
這里推薦幾個(gè)在 github 上 star 數(shù)較高的主題:
當(dāng)然,如果你自己就是一名優(yōu)秀的前端工程師,甚至可以自己定制一份屬于自己獨(dú)一無(wú)二的 hexo-theme,你還可以把你的作品開(kāi)源到 github 上供更多的 hexo 用戶使用與學(xué)習(xí)。
8. 開(kāi)始你的博客之旅
這里已經(jīng)介紹了最基本的 hexo 知識(shí)與配置。希望能為每一個(gè)想要擁有自己博客的朋友們提供一些參考和幫助。
開(kāi)始屬于你的博客之旅吧!