最近把放下了近大半年的Hexo博客重新拾起來了,寫篇文章記錄一下。至於當初爲什麼會放下,其中一個原因是用戶體驗太差,還需要手動創建移動md文件,彷彿回到了原始社會。其實最重要的原因是自己太懶。最近重新拾起來Hexo博客的原因也挺簡單,大腦是用來思考事物的而不是記錄事物的,得有一個地方記錄平時一些瑣碎的想法,公衆號和技術博客顯然不是太合適。但是一想起Hexo那原始的操作,就有點頭大。在網上搜了搜發現還真有一款管理插件Hexo Admin,能以網頁的方式管理Hexo博客。看來這個世界還真是由懶人改變的。
關於Hexo安裝使用教程,網上一搜一大把,就不再贅述,我主要記錄解決我需求的過程。我的使用場景是家裏一臺電腦,單位一臺工作電腦,需求如下:
- 這兩臺電腦同時安裝Hexo環境並且做到可以同步工作。比如在單位記錄的內容可以回家接着記錄。
- 通過瀏覽器直接管理本地的md文件
- 一鍵發佈,不用手動執行hexo命令
下面是解決過程:
1.安裝Node.js環境
2.安裝Git
3.安裝Hexo
在自己認爲合適的地方創建一個文件夾,然後在文件夾空白處按住 Shift
+鼠標右鍵,然後點擊在此處打開命令行窗口
npm install hexo-cli -g npm install hexo --save
4.初始化Hexo
hexo init
使用npm安裝你需要的組件
npm install
5.啓動Hexo
hexo s
在瀏覽器訪問 localhost://4000
,正常情況下就可以訪問你的博客了。你也可以根據自己的需要更換主題,這裏不再贅述。
如果此處 localhost://4000
無法訪問,可能是你機器的4000端口被其他應用佔用,可以使用
hexo s -p <其他端口>
指定端口啓動Hexo服務進行嘗試。
6.託管博客到Coding Pages
具體操作可以參考這篇文章 寫給朋友的Hexo建站指南,含Coding Pages、域名解析、日常使用 (原文鏈接)
主角終於要登場了
7.安裝Hexo Admin
npm install --save hexo-admin
使用 hexo s
重新啓動Hexo服務,然後訪問 localhost:4000/admin
(這裏使用默認端口),便可以使用瀏覽器管理我們的Hexo博客文件。
8.一鍵發佈
發佈就是將本地文件生成靜態網頁推送到Coding Pages,然後就可以外網進行訪問。
發佈一般使用命令 hexo g
生成靜態文件,使用 hexo d
推送遠端。
藉助Hexo Admin可以實現一鍵發佈博客,不用再繼續在命令窗口中敲命令了。
在windows平臺使用批處理文件實現,在Hexo主目錄下創建一個hexo-deploy批處理文件(.bat),內容是 hexo g&&hexo d
;然後在_config.yml文件增加節點:
admin: deployCommand: 'hexo-deploy.bat'
重啓服務,瀏覽器訪問 localhost:4000/admin
,進入Deploy模塊點擊Deploy按鈕進行發佈。
9.多端同步
可以使用任意一款雲產品,這裏我使用的是堅果雲。同步主目錄下的source文件夾即可。當然也可以使用Git。
10.Hexo後臺運行
Hexo有一個缺點,命令窗口關閉,進程也就結束了,無法在後臺運行。可以藉助pm2監控Hexo進程實現後臺運行。
安裝pm2:
npm install -g pm2
在Hexo主目錄下創建hexo-run.js文件:
const{ exec } = require('child_process')
exec('hexo server',(error, stdout, stderr) => {
-
if(error){
-
return
}
})
pm2 start hexo-run.js #開啓後臺運行 pm2 stop hexo-run.js #結束後臺運行
自動化一切!自動化一切!自動化一切!
-----END-----