程式寫了幾年,遇到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