什么是TinaCMS?

TinaCMS是一个开源的、基于Git的无头内容管理系统(CMS)。它允许你在网站之上创建一个无代码的编辑体验。

TinaCMS不会将你锁定在一个专有数据库中(例如WordPress、Contentful、Sanity等)。使用TinaCMS,你可以像软件开发者控制代码一样控制你的内容。内容以Markdown、MDX和JSON文件的形式存储,利用Git的强大功能。

继续阅读以快速了解TinaCMS的2分钟概述,以及它如何适应你的网站。

如果你想立即开始,请访问我们的快速入门页面

介绍

  • TinaCMS是一个开源的内容管理系统(CMS),可以无缝集成到你的Markdown工作流程中。

介绍
你的网站
  • 使用TinaCMS,开发者可以在他们喜欢的地方托管网站,使用他们选择的任何框架。

你的网站
无头CMS
  • TinaCMS是“无头”的,这意味着它与网站分离。TinaCMS提供一个可查询的内容API,供你的网站代码使用。

无头CMS

CMS后端

  • TinaCMS后端提供查询内容的API,支持过滤、搜索和分页。

CMS后端
基于Git的内容
  • 所有内容都通过git备份到JSON/Markdown/MDX文件中。

基于Git的内容
TinaCloud
  • 我们提供一个易于使用的托管后端版本,称为TinaCloud。

TinaCloud
自托管后端
  • 对于那些更喜欢控制和定制的人,TinaCMS也允许你在自己的技术栈上完全托管后端。

自托管后端

CMS前端

  • TinaCMS为编辑者提供了一个直观的CMS界面。对于使用React的网站,TinaCMS支持“可视化编辑”,允许内容编辑者查看实时更改。

CMS前端
/admin 路由
  • 用户通过导航到你网站的/admin页面与CMS交互。

/admin 路由
保存
  • 当用户在CMS中进行更改时,会将提交返回到你的Git存储库。

保存

将TinaCMS集成到网站中

  • 可以通过tinacms init在你的网站上设置TinaCMS。这会安装一些Tina包,并添加一些样板代码。

将TinaCMS集成到网站中
本地运行TinaCMS
  • 你也可以灵活地在本地运行TinaCMS,使用本地文件而不是与托管API交互。这为开发者提供了一个超快的反馈循环。

本地运行TinaCMS
内容建模
  • TinaCMS中的内容是通过项目中的tina/config.ts文件建模的。通过这个文件,你可以定义“集合”,以建模网站上的各种内容类型。

内容建模
数据获取
  • TinaCMS提供一个GraphQL API,使数据获取更加高效和强大。

数据获取
客户端
  • 此外,我们还生成了一个用户友好的客户端,简化了查询内容的过程。

客户端
类型安全
  • TinaCMS强调类型安全,确保你的内容查询保持无错误和一致性,从而提高代码的可靠性和可维护性。

类型安全
Last Edited: February 5, 2026