使用 hexo 搭建個(gè)人博客 02

在我的上一篇文章《使用 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ì)步驟如下:

  1. 在 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ù)。
  2. 修改本地配置
    使用 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),且 `:` 后一定要加上空格,否則配置可能失效。  
  1. 生成 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_rsaid_rsa.pub 兩個(gè)文件,分別保存了 ssh 私鑰與公鑰。
  2. 添加 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),保存即可。
  3. 安裝 hexo-deployer-git 插件
    在 shell 中執(zhí)行:
    ~$ cd blog
    ~/blog$ npm install hexo-deployer-git --save
    
  4. 生成并部署 hexo 靜態(tài)頁(yè)面
    在 shell 中執(zhí)行:
    ~/blog$ hexo generate
    ~/blog$ hexo deploy
    
    這兩條指令也可以等價(jià)簡(jiǎn)寫為:
    ~/blog$ hexo g -d
    
    成功執(zhí)行后,用瀏覽器訪問(wèn) http://${username}.github.io,就可以看到托管到 Github Pages 上的博客了。

7. 選擇一款適合你的主題

hexo 默認(rèn)的主題樣式是 landscape,也許你希望使用更多樣、更個(gè)性化的主題風(fēng)格。在 github 上有許多開(kāi)源的 hexo 主題,你只需要把它們克隆到 ~/blog/themes 目錄下,并在 ~/blog/_config.ymltheme 屬性中設(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)始屬于你的博客之旅吧!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容