用hexo建置網站以及日常操作筆記

建站好一陣子了，現在才回來寫筆記，可能有遺漏，歡迎留言

安裝hexo

1. 安裝Nodejs和git(方便上傳github並建置網站)
2. terminal裡執行安裝
   • npm install hexo-cli -g
3. 在想安裝的資料夾底下初始化hexo blog，等於直接在該資料夾下新建網站了
   • hexo init blog
   • cd blog 進入網站資料夾
4. hexo server在本機執行網站
5. hexo new "Hello there"建立第一個文章

用github.io建置網站

1. 首先註冊一個github並建立一個repository，如果想要[github帳號].github.io作為網址開頭那repo的名子就取[github帳號].github.io

   • 想用其他名子也可以，但配置比較麻煩，會有一些地方需要調整

2. 記得選public repo

3. 安裝hexo部署套件

   • npm install --save hexo-deployer-git

4. 然後在hexo/_config.yml檔案裡加入以下(branch名可以隨意取)

   deploy:
       type: git
       repo: https://github.com/你的帳號/你的帳號.github.io.git
       branch: gh-pages

5. _config.yml裡的

   • url也要加上自己的網址
   • url: https://你的帳號.github.io

6. 最後就是部署到github上了

   • hexo g (generate靜態檔案)
   • hexo d (deploy部署檔案)

安裝主題

例如我用的Fluid主題

安裝非常簡單，進入網站資料夾目錄後執行npm install --save hexo-theme-fluid

其餘就不贅述了，官方github裡都有說明

• 盡量安裝常維護的主題，否則有機率遇到棘手問題

日常操作

• 清除靜態檔案(我通常都會在generate之前先清理，這樣可以防止一些可能的錯誤): hexo clean
• 建立靜態網站檔案: hexo g
• 部署: hexo d或hexo d -g建立並部署
• 建立文章: hexo new [模板如果有話] "標題"
• 建立草稿: hexo new draft "標題"