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。