UStackUStack
EditlyCMS icon

EditlyCMS

EditlyCMS 是自架自管的扁平檔案 CMS,支援點擊編輯直接修改既有 HTML 網站內容,含草稿/發佈與一鍵還原。

EditlyCMS

EditlyCMS 是什麼?

EditlyCMS 是用於既有 HTML 模板網站的自架自管內容管理系統 (CMS)。它讓您使用點擊編輯介面,直接在即時網站上編輯頁面內容,而無需在編輯器中撰寫程式碼。

核心理念是將 CMS 層「嵌入」HTML 網站,讓內容可原地修改。它運行於 PHP 和 SQLite,並將內容保存在您的 HTML 檔案中,而非依賴獨立的網站內容資料庫。

主要功能

  • 即時頁面點擊編輯: 選取標記為可編輯的元素,直接在瀏覽器中輸入變更,包括粗體、斜體、標題和清單等富文本格式。
  • 工具列編輯媒體與嵌入內容: 拖曳圖片上傳至編輯器、嵌入 YouTube 或 Vimeo 內容、加入 Google Maps,以及附加可下載檔案。
  • 草稿與發佈工作流程: 編輯時不影響即時網站,可預覽變更,準備好再發佈。
  • 備份與一鍵還原: 每次發佈都會建立前一版本備份,儀表板提供一鍵還原功能。
  • 扁平檔案內容搭配 SQLite 元數據/備份: 內容保留在 HTML 檔案中;SQLite 用於背景處理元數據與備份。
  • 密碼保護編輯器: 編輯器使用使用者名稱/密碼工作階段驗證保護存取,且可在編輯器中變更憑證。

如何使用 EditlyCMS

  1. 複製 CMS 資料夾:cms/ 資料夾複製至網站根目錄,與您的 HTML 檔案並列。
  2. 標記可編輯區域: 在您希望編輯器修改的每個元素上加入 class="cms-content" 和唯一 id
  3. 登入並編輯: 在瀏覽器開啟 /cms/,使用憑證登入,即可直接編輯網站。

您也可以使用提供的現成模板(乾淨的 HTML 檔案),這些模板開箱即用與 EditlyCMS 相容。

使用情境

  • 自由工作者無需 CMS 設定即可更新客戶頁面: 對於小型 HTML 網站,使用 EditlyCMS 讓客戶原地編輯內容,同時保留底層 HTML/CSS 結構。
  • 代理商需要在變更上線前進行預備: 使用草稿/發佈工作流程,讓客戶預覽更新而不立即影響正式頁面。
  • 作品集與小型企業網站需頻繁調整文字與媒體: 透過頁內工具列編輯標題、清單、圖片、嵌入內容(YouTube/Vimeo)和地圖。
  • 團隊希望簡單回滾已發佈編輯: 依賴每次發佈的自動備份,並使用一鍵還原來復原更新。
  • 開發者偏好內容與網站檔案同存: 將可編輯內容保存在 HTML 檔案中,同時使用 SQLite 在幕後管理元數據與備份。

常見問題

  • EditlyCMS 需要獨立資料庫嗎? 不需要。本產品使用您的 HTML 檔案儲存內容,並以 PHP & SQLite 處理元數據與備份。

  • 可以在即時頁面上直接編輯內容嗎? EditlyCMS 提供點擊編輯,讓您變更頁面標記元素,並透過草稿/發佈工作流程在發佈前暫存變更。

  • 發佈如何運作?可以復原變更嗎? 每次發佈會建立前一版本備份,儀表板包含一鍵還原選項。

  • 可以編輯哪些類型的內容? 您可以編輯富文本元素(例如粗體/斜體/標題/清單),並透過工具列處理圖片、YouTube/Vimeo 嵌入、Google Maps 和可下載檔案附件。

  • 編輯器安全嗎? 編輯器使用工作階段驗證以密碼保護,您可以變更使用者名稱與密碼。

替代方案

  • 傳統資料庫後端 CMS(例如 WordPress 式系統): 這些通常將內容儲存在獨立後端資料庫,且設定較「嵌入式」方式複雜。
  • 具編輯器工作流程的靜態網站產生器: 這些優先靜態輸出,通常需建置/部署步驟來套用編輯,而非直接在瀏覽器點擊編輯。
  • 具前端編輯 UI 的無頭 CMS: 這些將內容管理與網站前端分離,常需整合前端框架,而非直接操作既有 HTML 頁面。
  • 靜態網站的檔案式 CMS: 類似 EditlyCMS,注重輕量內容儲存,但工作流程與支援的編輯互動可能不同(例如編輯是否發生在渲染頁面的原地)。
EditlyCMS | UStack