前言
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。
恭喜你,全台最大的部落格上線啦!
此文章採用 CC BY-SA 4.0 協議 ,轉貼請標註出處,乾蝦乾蝦~