建立一個hexo環境-day1

joseph wu
2017-12-06 12:30:14

緣由: 在最近受到六角學院志誠老師和洧杰老師的激勵,同時為了增加自己對於學習前端新技能的掌握度和學習效率,所以挑選hexo這個相較其他前端技能比較好上手,且能夠幫助自己撰寫blog上有幫助的套件來學習,並挑戰自己養成持之以恆學習新技術的習慣

開發環境

筆者利用windows8.1和vscode編輯器來開發

此過程可以搭配hexo官網文件使用
https://hexo.io/zh-tw/docs/

第一步先安裝node和git

安裝node https://nodejs.org/en/
安裝git https://git-scm.com/

安裝完後可以在命令提示字元輸入以下命令,檢查是否安裝成功

node -v 檢查node版本
npm -v 檢查npm版本

開始安裝hexo

確認node和git安裝成功,接下來就可以開始hexo專案了

因為習慣關係,這邊之後筆者都會改用vscode的終端機來建置
以下的程式碼皆須在終端機中輸入

使用npm指令安裝hexo

npm install -g hexo-cli
-g為全域安裝的意思

建立一個hexo專案
$ hexo init <folder>

移到hexo專案
$ cd <folder>

安裝npm套件

$npm install
套件會安裝到node_modules資料夾

這樣我們的專案就建置完成
建置完成會出現以下的資料夾

參考資料:
GitHub+Hexo 搭建個人網站詳細教程
hexo官網
使用 Hexo + github 建立Blog