世界是由懶人改變的

最近把放下了近大半年的Hexo博客重新拾起來了,寫篇文章記錄一下。至於當初爲什麼會放下,其中一個原因是用戶體驗太差,還需要手動創建移動md文件,彷彿回到了原始社會。其實最重要的原因是自己太懶。最近重新拾起來Hexo博客的原因也挺簡單,大腦是用來思考事物的而不是記錄事物的,得有一個地方記錄平時一些瑣碎的想法,公衆號和技術博客顯然不是太合適。但是一想起Hexo那原始的操作,就有點頭大。在網上搜了搜發現還真有一款管理插件Hexo Admin,能以網頁的方式管理Hexo博客。看來這個世界還真是由懶人改變的。

關於Hexo安裝使用教程,網上一搜一大把,就不再贅述,我主要記錄解決我需求的過程。我的使用場景是家裏一臺電腦,單位一臺工作電腦,需求如下:

  1. 這兩臺電腦同時安裝Hexo環境並且做到可以同步工作。比如在單位記錄的內容可以回家接着記錄。
  2. 通過瀏覽器直接管理本地的md文件
  3. 一鍵發佈,不用手動執行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文件:

  1. const{ exec } = require('child_process')
  2. exec('hexo server',(error, stdout, stderr) => {
  3. if(error){
  4. return
  5. }
  6. })

pm2 start hexo-run.js #開啓後臺運行 pm2 stop hexo-run.js #結束後臺運行

自動化一切!自動化一切!自動化一切!

-----END-----

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章