前言

Hexo 在安裝上實在是非常快速,用起來是輕鬆愉快,
相信你看完這篇文章也會覺得這也太容易了!

但深怕我這金魚腦會忘記,因此還是把它紀錄下來。

在這邊使用 Windows 的環境,如果需要知道其他系統的安裝方法可以參考 Hexo官方網站

安裝 Hexo

為了要達到輕鬆愉快的安裝,顯然是要安裝數個強而有力的軟體。
請先安裝好 Node.js 還有 Git,接下來就是幸福的安裝道路。

安裝 hexo cli

用 cmd 開啟並且輸入:

npm install -g hexo-cli

建議使用系統管理員權限開啟 cmd,避免不必要的問題。

初始化部落格

把 cmd cd 到想要放置 blog 的地方輸入:

hexo init

這樣可以先建立相關的資料檔案進行初始化。

如果在這邊發生這個錯誤:

就是忘記使用系統管理員權限開啟。

如果看到 Start blogging with Hexo! 就是成功初始化啦!

第一個部落格

初始化完畢之後可以先將這些檔案 generate 出來,
可以輸入以下指令:

hexo g

以後新增或者更新 blog 也都只要用這個指令即可。

建立岀部落格後可以透過本身自帶的 Server 功能來預覽成果。

hexo s

用瀏覽器開啟預設網址就可以看到你的第一個部落格預覽畫面。

http://localhost:4000/

部屬到 GitHub

Github 有一個非常棒的 Pages 可以用來架設靜態網頁,而且會自己帶上 github.io 的網域,
又潮又好用,超級推薦。

安裝部屬工具

使用下面指令安裝工具:

npm install hexo-deployer-git --save

創建 Repository

在建立一個新 Repo 的時候如果將 Repository name 設定成 {user_name}.github.io 的話,
將可以使用這個 Repository name 作為部落格的網址。

以我自己的Repo為例:

但是一個帳號只能有一個 Repo 套用這個規則。

設定 Repo 位置

在 Hexo 部落格檔案中找一個 _config.yml 檔案,打開後拉到最下面會看到一個 deploy: 標籤,
在這邊把相關的設定檔填上去。({user_name}是你的帳號)

deploy:
type: git
repo: https://github.com/{user_name}/{user_name}.github.io
branch: master

Deploy to Github

設定完成之後先做一次 clean 讓資料夾乾淨再重新 generate。

hexo clean
hexo g

整理完畢後推上 Github。

hexo s

部落格上線

Deploy 成功之後就可以使用{user_name}.github.io 來連到你的 Blog。

恭喜你,全台最大的部落格上線啦!