由於當初備份沒有做好，所以我把整包hexo blog的檔案都弄了
不過也趁此機會再重新整理了一下筆記
再加上也很久沒有更新，也算是一種契機吧

環境

  1. 安裝Node.js，安裝完成後可以確認目前使用的node版本： node -v
  2. 安裝Hexo： npm install hexo-cli -g

開始一個專案

  1. 初始化
    hexo init <project_name>
    產生出來的資料結構：
  • _config.yml: 網站配置檔，可修改各種配置。例如：網站標題、網址、主題名稱等等
  • package.json: 專案中需要的所有模組
  • scaffolds: 布局模板
  • themes: 用來存放主題的資料夾
  • source: 用來存放原始檔案的地方，如圖片、Markdown等

更換主題

hexo官方主題：https://hexo.io/themes/
之前用的是Next的模板，這次想換換不同的模板
這次使用很多人推薦的Butterfly:

安裝主題：npm i hexo-theme-butterfly

在_config.yaml裡更改主題：

1
theme: butterfly

部署到GitHub

  1. 安裝git套件：npm install hexo-deployer-git --save
  2. 建立git repo，修改_config.yaml
1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: 'git'
  repo: <repo clone url>
  branch: master

  1. 至github repo的setting中設定是哪個Branch需要被顯示

  2. 輸入url就可以檢查部署情況了: https://<username>.github.io/<repo_name>/
    image

Hexo常用指令

  1. 建立新文章：hexo new [layout] <title>
  2. 清除靜態檔與快取：hexo clean
  3. 建立靜態檔：hexo generate
  4. 啟動server: hexo server
  5. 部署：hexo deploy

所以常見的流程為：

1
2
hexo cl
hexo d -g