Tina 是一个由 Git 支持的无头内容管理系统，使开发者和内容创作者能够无缝协作，能够为你的 NextJS 网站添加可视化编辑功能。
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。
©本文为清一色官方代发，观点仅代表作者本人，与清一色无关。清一色对文中陈述、观点判断保持中立，不对所包含内容的准确性、可靠性或完整性提供任何明示或暗示的保证。本文不作为投资理财建议，请读者仅作参考，并请自行承担全部责任。文中部分文字/图片/视频/音频等来源于网络，如侵犯到著作权人的权利，请与我们联系（微信/QQ:1074760229）。转载请注明出处：清一色财经
微信扫码打赏 
支付宝扫码打赏 
