Chore

來吧 ! Hexo !

Contents

  1. 1. 前言
  2. 2. 安裝
  3. 3. 建置
  4. 4. 放到Github page
  5. 5. 最後

前言

本來是使用google blog的，後來想想似乎自己架一個網站也不錯，但有鑑於以往半途而廢的經驗，
就先用在建置較為簡單的Github page上，又剛好看到有人在用Hexo，就決定趁這個寒假來碰碰它了。

稍微說一下安裝時我用到哪些東西，做個小小的筆記怕以後不會用XD

  • node.js
  • Git
  • Github (因為我用github page)

詳細的步驟官網都有，這裡只簡單紀錄。
(Hexo:3.1.1)

安裝

  1. 安裝 Git 和 node.js

  2. 可以先試試利用 Git 上傳東西到其他 repo 試試(這裡我第一次用，所以碰到蠻多問題xD)
    第一次使用的話要記得先設定識別資料。
    git config --global user.name "Your name"
    git config --global user.email "Email"
    詳細 Git 教學網路上不及備載就不打了，我也沒有很會就是了…

  3. 利用 npm 安裝 Hexo:
    (npm相關)
    npm install -g hexo-cli

(我指令皆是在 Git bash 操作的)

建置

hexo init <folder>
cd <folder>
npm install

建立好需要的檔案後，可以利用 hexo generate or hexo g 來產生關聯的靜態檔案。
接著可以使用 hexo serve 來測試(http://localhost:4000/)

放到Github page

在佈署到 Github 上前，需先對資料夾內的 _config.yml 做一些修改。
以我的為例:

deploy:
  type: git
  repo: https://github.com/NaiveRed/NaiveRed.github.io.git
  branch: master

: 後需要空格。
然後安裝 hexo-deployer-git
npm install hexo-deployer-git --save

最後再打 hexo d or hexo deploy 即可完成佈署(會將資料夾內public的東西push上github)，此時也會要你輸入 github 的帳號密碼。

如果你是使用 github desktop(Windows) ，登入後可利用 Git Shell 則不須再打帳密了。

最後

差不多就是這樣，到時應該還會再記些碰到的問題和使用的相關心得。