
一、安裝 Hexo Admin
首先介紹安裝最簡單的本地後台,也就是說不需要網路,在自己電腦就能編輯文章。可參考這篇教學「使用 hexo-admin 後台管理工具」的流程: 1. 安裝外掛在 Hexo 專案資料夾執行以下指令安裝 Hexo Admin 後台外掛:npm install hexo-admin --save
2. 進入後台繼續執行以下指令,執行本地伺服器:
hexo s
然後在瀏覽器輸入以下網址即可進入後台畫面:
http://localhost:4000/admin
二、編輯文章




<!--more-->
熟悉 Blogger 操作的話,這一點應該不用另外多解釋了。
4. 儲存另外補充一點,因為是本地操作,儲存速度會非常快,有任何編輯動作都會立即儲存。
三、佈署到 GitHub
1. 設定檔名結構在 Hexo Admin 新增、編輯文章,會將結果存放在資料夾new_post_name: :year-:month-:day-:title.md
這樣檔名會是 "年-月-日-文章標題"這樣的格式。
2. 發布網站在 Hexo 專案資料夾執行以下指令來發布網站:
hexo clean //清除之前建立的靜態檔案,也可使用縮寫 hexo cl
hexo ddeploy //部署到 GitHub,也可使用縮寫 hexo d
四、上傳圖片
編輯文章時有可能需要上傳圖片,然而 Hexo Admin 上傳圖片的操作有些問題,因為這個外掛年代久遠,看起來作者已經沒繼續維護,需要另外研究如何解決。 1. 設定選項
- 建議勾選「Always ask for filename」,能自訂圖片檔名對 SEO 比較好
- 可看到預設儲存的的圖片資料夾路徑(Image directory)為
/images ,有特別需求的話請自行更改 - 可看到預設圖片檔名前綴(Image filename prefix)為
pasted- ,有勾選自訂檔名就不用理會
- 可從檔案總管直接按
Ctrl+C 複製圖片 - 也可開啟圖片後,對圖片按右鍵進行複製
- 然後編輯文章時按
Ctrl+V


/images/hexo-admin-edit-post-1.png
這個錯誤上網查了很久,大致有了解原因,應該是 Hexo 已經升級版本很多次,而 Hexo Admin 因為沒有跟著維護,原本的程式碼早已不相容了。
4. 解決方法網路上多數解法都沒什麼用,比較可靠的解法只有一個,請參考這篇「hexo-admin 插入圖片失敗問題解決」,必須修改外掛檔案。
請找到以下路徑這個檔案:
hexo 專案資料夾\node_modules\hexo-admin\api.js
用編輯軟體搜尋兩處,首先找到:
filename = path.join(imagePath, filename)
改成以下:
filename = imagePath + "/" + filename
然後找到:
res.done({
src: path.join(hexo.config.root + filename),
msg: msg
})
改成以下:
res.done({
src: filename,
msg: msg
})
5. 修改效果
五、補充
本篇雖然介紹了 Hexo Admin 這個本地後台外掛,但並不推薦使用,因為:- 功能太過陽春
- 作者沒繼續維護,想要自訂功能會很麻煩
Hexo 架站系列文章: