本部落格已搬遷, 3秒後跳轉...

Hexo:從零開始 | Laplace's Lab

Hexo:從零開始

| |

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

前置作業


安裝Node.js


官網載點

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

安裝Hexo

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

安裝Hexo Git

1
npm install hexo-deployer-git --save

註冊GitHub帳號


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

新增GitHub專案

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

開始建置


初始化

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

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

部署

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

1
2
3
4
deploy:
    type: git
    repository: https://github.com/username/username.github.io.git
    branch: master

接著就可以部署到GitHub : )

1
hexo d -g    # generate --> deploy

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

更新版本

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

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

1
npm install --save

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

1
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是已發佈套件的相依關係，表示使用者需自行安裝額外的相依套件

1
npm install eslint@4.12.1 --save-dev

0%