在我的上一篇文章《使用 hexo 搭建個人博客 01》中吗讶,介紹了使用 hexo 搭建博客的基本知識送膳。本篇將主要介紹如何部署 hexo 到 Github Pages 服務,以及如何更換 hexo 的主題朴肺。
6. 部署 blog 為 Github Pages
github 是目前全球最大的代碼托管倉庫。Github Pages 是由 github 提供的一個免費的靜態(tài)頁面托管服務聪轿,只需要我們擁有一個 github 賬號即可。
要將 hexo 生成的靜態(tài)網頁部署為 Github Pages荧止,詳細步驟如下:
- 在 github 上創(chuàng)建 git 倉庫
使用用戶名為${username}
的 github 賬號屹电,創(chuàng)建一個 repository阶剑,命名為${username}.github.io
跃巡。此處倉庫名必須為該格式,否則無法使用 Github Pages 服務牧愁。 - 修改本地配置
使用 vim 或其他編輯器編輯~/blog
目錄下的_config.yml
文件素邪。在 shell 中執(zhí)行:
``` Bash
~/blog$ vim _config.yml
```
修改配置文件 deploy 相關配置:
``` yaml
# ... other configs
deploy:
type: git
repository: git@github.com:${username}/${username}.github.io.git
branch: master
```
這里的 repository url 可以在 github 倉庫頁面復制(本文使用的是ssh方式)。另外需要注意猪半,yaml 配置文件對格式有嚴格的要求兔朦,必須保證縮進,且 `:` 后一定要加上空格磨确,否則配置可能失效沽甥。
- 生成 ssh 密鑰對
在 shell 中執(zhí)行:
此處~/blog$ cd ~ ~$ ssh-keygen -t rsa -C ${email}
${email}
建議使用你的真實可用郵箱。接下來終端會分別提示你輸入生成密鑰目標文件夾乏奥,密鑰使用密碼以及確認密碼摆舟。可以直接點擊Enter
使用缺省值邓了。
執(zhí)行成功后恨诱,缺省會生成一個~/.ssh
目錄,里面包含了id_rsa
與id_rsa.pub
兩個文件骗炉,分別保存了 ssh 私鑰與公鑰照宝。 - 添加 ssh 公鑰到 github
用任意文本編輯器打開~/.ssh/id_rsa.pub
文件,拷貝里面的文本內容句葵。登入 github厕鹃,進入${username}.github.io
倉庫的 "Settings",切換到 "Deploy keys" 選項卡乍丈,點擊 "add deploy key" 按鈕剂碴,此處 "title" 欄可以任意填寫,"key" 欄粘貼本機生成的 ssh 公鑰內容诗赌,勾選 "Allow write access" 選項汗茄,保存即可。 - 安裝 hexo-deployer-git 插件
在 shell 中執(zhí)行:~$ cd blog ~/blog$ npm install hexo-deployer-git --save
- 生成并部署 hexo 靜態(tài)頁面
在 shell 中執(zhí)行:
這兩條指令也可以等價簡寫為:~/blog$ hexo generate ~/blog$ hexo deploy
成功執(zhí)行后铭若,用瀏覽器訪問~/blog$ hexo g -d
http://${username}.github.io
洪碳,就可以看到托管到 Github Pages 上的博客了递览。
7. 選擇一款適合你的主題
hexo 默認的主題樣式是 landscape,也許你希望使用更多樣瞳腌、更個性化的主題風格绞铃。在 github 上有許多開源的 hexo 主題,你只需要把它們克隆到 ~/blog/themes
目錄下嫂侍,并在 ~/blog/_config.yml
的 theme
屬性中設置你希望使用的主題儿捧,然后重新生成頁面部署即可。
這里推薦幾個在 github 上 star 數較高的主題:
當然挑宠,如果你自己就是一名優(yōu)秀的前端工程師菲盾,甚至可以自己定制一份屬于自己獨一無二的 hexo-theme,你還可以把你的作品開源到 github 上供更多的 hexo 用戶使用與學習各淀。
8. 開始你的博客之旅
這里已經介紹了最基本的 hexo 知識與配置懒鉴。希望能為每一個想要擁有自己博客的朋友們提供一些參考和幫助。
開始屬于你的博客之旅吧碎浇!