用 Hexo 和 github pages 架設靜態網站

為什麼用他

從以前就經常有想要寫文章的想法，記錄旅遊、食記、技術筆記之類的，但都僅止於想想，這次終於動手啦，第一篇就紀錄一下如何利用 github pages 架設一個免費的靜態網站吧～

會想要用 Hexo 也沒什麼原因，找了幾個覺得他最方便，也看到不錯的模板，在想趕快開始的情況下就選他了。

架設

安裝需求

1. 要先安裝 Node.js
2. 本機要有 git
3. 要有 github 帳號，並且開一個 .github.io 的 repo

安裝 Hexo

$ npm install -g hexo-cli

初始化 Hexo

$ hexo init <資料夾名稱>

到資料夾下後安裝 npm 需要的套件

$ npm install

這樣就有一個初始的專案了

_config.yml

這個檔案可以讓我們做一些基礎設定，以下介紹幾個比較重要的

1. deploy: 部署的設定，我是用 github pages 來部署

deploy:
  type: git
  repo: git@github.com:<username>/<專案名稱>
  branch: master

1. url: 設定網站的網址

url: https://<username>.github.io/

1. theme: 可以設定主題，我這邊用的是 https://github.com/EvanNotFound/hexo-theme-redefine

theme: redefine

部署

都設定完成後就可以進行部署了，部署後可以到 .github.io 看看是否成功

$ hexo clean
$ hexo g
$ hexo d

結論

超快的就建立了一個簡單的靜態網頁，下次再介紹怎麼讓網頁在 google 被搜尋到～～

參考資料

https://hexo.io/zh-cn/docs/index.html