Setup a Hexo Blog

安裝 Hexo

安裝 Hexo 之前,必須要先安裝 Git 跟 Node.js 。

接下來在終端機輸入以下指令進行安裝:

1
$ npm install -g hexo-cli

安裝完輸入以下指令查看版本:

1
$ hexo version

建立 Hexo Blog 資料夾

移動到欲建立 Blog 資料夾的目錄:

1
$ cd <資料夾位置>

在該目錄下建立 Blog 資料夾:

1
$ hexo init <Blog 資料夾名稱>

移動到 Blog 資料夾內:

1
$ cd <Blog 資料夾名稱>

初始化 Blog 資料夾:

1
$ npm install

將 Hexo Blog 部署到 Git

首先要安裝能夠將 Hexo 部署到 Git 上面的套件 hexo-deployer-git

1
$ npm install hexo-deployer-git --save

接著瀏覽器登入自已的 GitHub ,建立一個名為 <帳號名>.github.io 的 repository 。 舉例: godlike0108.github.io

建立成功後,回到本機 Blog 資料夾,開啟底下的 _config.yml 檔案。 該檔案為 Hexo 的配置檔,配置檔的格式由 key: value 所組成,冒號後面一定要接空格,每項配置之間僅以換行符號隔開。子項目以兩次空格縮排。

在配置檔最下方找到部署的配置項目:

1
2
deploy:
type:

將其更改為以下設定:

1
2
3
4
deploy:
type: git
repository: http://github.com/<帳號名稱>/<帳號名稱>.github.io.git
branch: master

接著在命令列輸入以下指令進行部署:

1
$ hexo d -g

該指令為 hexo deploy --generate 的縮寫,意思是產生靜態檔案後,進行部署。

完成後可以到 https://<帳號名稱>.github.io 網址查看是否部署成功。

發佈新文章

在命令列輸入以下指令:

1
$ hexo new <文章標題>

在 Hexo Blog 根目錄的 source/_posts 資料夾內會找到 <文章標題>.md 檔案。該檔案是以 MarkDown 語法記錄文章內容。

打開該檔案,在最下方即可用 Markdown 語法撰寫文章。

完成撰寫後,再執行 hexo d -g 指令部署即可。