Skip to content
Hexo:從零開始
📆2018-07-07 | 📂Blog

程式寫了幾年,遇到Bug總是靠著拜Google大神,就這麼一路走來,看過無數高手們手把手的教學文,心裡想著自己哪天也來寫寫學習筆記,紀錄學習歷程以及遇到的問題(以及至今仍在摸索中的水草缸...),也許在某個夜深人靜的時刻,能幫助到和我一樣經常廢寢忘食、苦苦追尋解決方案的某個誰。於是部落格就這麼建起來了,學習筆記就從部落格的建立過程開始紀錄吧。


前置作業

安裝Node.js

官網載點

接著執行作業系統CLI(command-line interface)輸入以下安裝指令

安裝Hexo

shell
npm install hexo-cli -g
hexo version            # 若安裝成功可查看Hexo版本

安裝Hexo Git

shell
npm install hexo-deployer-git --save

註冊GitHub帳號

GitHub官網特別注意 : 為避免某些文件配置錯誤的發生,使用者名稱(username)務必設定為小寫,使用者名稱也將成為部落格網址的主要部分

新增GitHub專案

  • 按下New repository
  • 輸入專案名稱username.github.io,username請填寫自己的使用者名稱,接著按下create repository,前置作業到此告一段落

開始建置

初始化

回到CLI輸入以下指令開始建立部落格

shell
hexo init blog    # 初始化
cd blog           # 移動至上一步所建立的blog資料夾
npm install       # 安裝blog相關套件

部署

至blog資料夾底下找到Hexo root配置檔,文件名稱為_config.yml,打開文件找到部署設定區塊填入相關資訊 特別注意 : 每個項目的冒號後面一定要空格,username一樣改寫為自己的使用者名稱

yaml
deploy:
    type: git
    repository: https://github.com/username/username.github.io.git
    branch: master

接著就可以部署到GitHub : )

shell
hexo d -g    # generate --> deploy

部署成功後在瀏覽器輸入網址 https://{username}.github.io/ 就可以看到自己的部落格囉~


更新版本

shell
cd hexo root  # CLI移至hexo根目錄
npm outdated  # 檢查版本

將package.json相關的package版本號修改為最新然後安裝即可

shell
npm install --save

*CLI如有顯示類似的錯誤訊息

shell
npm WARN babel-eslint@10.0.1 requires a peer of eslint@>= 4.12.1 but none is installed. You must install peer dependencies yourself.

peer dependencies是已發佈套件的相依關係,表示使用者需自行安裝額外的相依套件

shell
npm install eslint@4.12.1 --save-dev

Last updated: