一個輕量級的基於 Markdown 的 CMS 系統 - Tina

Tina 是一個由 Git 支持的無頭內容管理系統，使開發者和內容創作者能夠無縫協作，能夠爲你的 NextJS 網站添加可視化編輯功能。有了 Tina，開發人員可以創建完全適合其網站的自定義可視化編輯體驗。

特性

對內容進行版本控制： 爲你的內容保留 Git 工作流，並授權所有團隊成員通過用戶友好的界面更新你的網站。

實時視覺反饋進行編輯： 提高生產力，在你網站上編輯內容時查看上下文變化。

內容查詢： 可以對存儲庫中的文件使用 Tina Cloud 的 GraphQL 查詢所有文件中的內容。

構建在組件之上： 爲你的 React 組件添加一個編輯界面，讓你的內容團隊能夠構建複雜的頁面。

直接使用下面的命令即可安裝 Tina 啓動器：

npx create-tina-app@latest

執行上面的命令過程中會被提示一些快速配置的問題：

一旦你的本地啓動器被創建，要運行啓動器：cd <your-starter-name> 進入其新目錄並運行。

yarn dev

Tina 非常靈活且可擴展，因此任何 Tina 站點都可能擁有獨特的體驗。

當 Tina 在 NextJS 站點上初始化時，會創建一個 /admin 頁面以允許編輯者登錄並開始進行內容更改。

成功登錄後，我們就可以進入 CMS 頁面了。

根據 Tina 的配置方式，一個或多個集合將出現在全局導航中。點擊一個集合，用戶將進入該集合的文檔列表。

此處的表格列出了所選集合的所有文檔，此頁面還允許用戶創建新文檔。

如果已經配置了上下文編輯，點擊一個文件將引導用戶進入該文件的預覽，並打開側邊欄，準備進行編輯。

但是，如果未配置上下文編輯或對特定集合根本不可用，則單擊文檔將爲用戶提供一個最基本的編輯器。

關於 Tina 的更多使用可以訪問 https://tina.io/docs/ 獲取更多信息。

Git 倉庫：https://github.com/tinacms/tinacms

Github 愛好者 我們是一羣 Github 愛好者，專注分享有價值、有趣的開源項目和學習資料，包括 Python、Golang、Java、Rust、AI、前端、運維、數據分析、大數據、雲計算、Kubernetes、Service Mesh 等領域資源。

本文由 Readfog 進行 AMP 轉碼，版權歸原作者所有。
來源：https://mp.weixin.qq.com/s/4CECXutljqyqSQ8pav4iAA