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

特性

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

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

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

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

安裝

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

npx create-tina-app@latest

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

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

yarn dev

Tina 編輯器使用

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

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

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

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

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

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

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

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

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