Skip to content

HomePageCMS v1.0.1

Choose a tag to compare

@ainlee ainlee released this 21 Oct 06:14
· 48 commits to main since this release

第一個發行版。

這個編輯器做什麼

Homepage 的設定(services.yaml、bookmarks.yaml)是 YAML 檔,要改就得在 NAS 共用
資料夾與文字編輯器之間來回:沒有預覽,改錯欄位要等下一頁才知道,存檔也沒有退路。
HomePageCMS 把這件事收進瀏覽器——左側編輯、右側即時預覽,每次存檔留一份時間戳
快照。

特色

  • 雙欄編輯 + 即時預覽;分割線可拖曳,預覽可折疊(折疊後分割線會移動,空間真的還
    回編輯區)
  • 服務與書籤分頁:分組、拖曳排序、跨分組移動、col-span
  • 狀態小工具:Docker 容器、ICMP Ping、HTTP API
  • 自動備份與還原;存檔只覆寫改過的欄位,編輯器不認得的欄位原樣保留
  • 可選的存取保護,密碼以 salt + scrypt 雜湊儲存
  • 多語系:繁中/簡中/日文/英文;把 INI 檔丟進 locales/ 就能加自己的語言
  • 配色方案:內建七套深淺色配色,可自訂、複製、匯出匯入
  • 行動版可用:版面依實測可見範圍計算,手機上底部內容不會掉出畫面

開始使用

npm install
npm start

開啟 http://localhost:3456。第一次開啟會跳出設定視窗,把 Homepage 網址填進去就好;
留空的欄位使用預設值。Windows 也可以直接執行 start-editor.bat。

要注意的事

預設只綁 127.0.0.1。要讓區網內的裝置連進來才改成 0.0.0.0,並且一併設定
HOMEPAGE_CMS_PASSWORD——綁 0.0.0.0 代表任何能連到那台機器的人都能改寫你的
Homepage 設定。