我们来了,新的一年就要到了,如果你和我们一样,你已经为自己制定了一些新年计划。我们是每年这个时候带来的全新开始和自我提升的忠实拥护者。你有没有下定决心,可能是建立或重建你自己的个人网站,开始一项新业务,或者给你的投资组合带来新的痛苦?这意味着您将需要一个 CMS 来处理驱动您网站的所有内容,我们认为 Tina 可以通过一些独特的方式来扮演这个角色。

为什么是蒂娜?

Git 支持

传统上,当您注册 CMS 时,您的内容被锁定在供应商中。这意味着如果您决定 CMS 不适合您,您必须找到一种方法来导出该数据并将其导入新的 CMS。这不是 Tina 的意义所在,我们不想将您或您的内容作为人质。事实上,Tina 不存储您的任何数据,它存储在您拥有的 GitHub 存储库中。是的,没错,你拥有并控制这一切。除了对自己拥有自己的内容感到安全之外,这种方法还有许多实际优势,例如:

• 易于跟踪项目中的更改时间和内容

• CI/CD 支持

• 没有供应商锁定

上下文编辑

Tina 与传统的无头 CMS 不同,在传统的无头 CMS 中,您将数据输入到表单中,而无需了解它在您的网站上的行为或外观。然后,您必须开始构建并导航到您的站点以查看更改。

当您使用 Tina 时,内容会使用您网站上的侧边栏进行编辑,您可以在进行更改时实时查看更改。这使您可以准确地看到您正在编辑或创建的内容以及它的外观和行为。每次编辑后不再保存、预览、刷新。一旦您对更改感到满意,您可以点击保存,Tina 会将其直接提交到您的 GitHub 存储库,然后重建过程将开始。

本机 MDX 支持

Tina 可以开箱即用地支持 MDX,这意味着您可以创建可重用的组件,并且 Tina 可以为任何人提供一种简单的方法来编辑或创建内容以将它们添加到页面中,无论他们的经验如何。

其他无头 CMS 要求创建内容的用户记住组件名称,在使用它们时使用正确的语法,以及使用 mdx-remote 或类似的东西转换数据。这对于经验丰富的开发人员来说很好,但如果您想吸引零经验的客人,这是一个陡峭的学习曲线。说真的,问问你的编辑朋友,看看他们眼中的愤怒和/或恐惧。

我们包含一个按钮,任何人都可以单击该按钮,选择用户友好的命名组件,并将其添加到页面中。然后,他们可以使用您定义的正确文本、图像或样式动态编辑该组件。

Tina 也不需要您转换 MDX 或水合您的组件,使其比传统 CMS 更容易集成。

五分钟内上手的三种方法

蒂娜快速入门

我们的Tina QuickStart流程是一种基于 Web 的 Tina 入门方式,它允许您从我们的一个启动器(Tina Barebones、Tina Documentation Starter、Tina Cloud Starter)中进行选择并直接部署到 Vercel。

这种方法让您几乎可以立即了解 Tina 在生产部署中的工作方式。这对于了解 Tina 可以做什么、Tina 如何工作以及向其他人(例如您的内容团队)展示非常有用。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--q0k1hJZ8--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://res.cloudinary .com/forestry-demo/video/upload/v1641390729/blog-media/new-year-new-cms/tina-quickstart.gif)

npx create-tina-app

create-tina-app允许您在本地与我们的一位初学者一起工作,这使您可以在决定 Tina 适合您之前查看幕后的所有代码是如何工作的。

要使用create-tina-app您将需要Node 14+。这不需要您已经拥有应用程序,而是会创建一个新项目和目录,并允许您开始本地开发。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--u9-hzwjd--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https:// res.cloudinary.com/forestry-demo/video/upload/v1641390724/blog-media/new-year-new-cms/create-tina-app.gif)

蒂娜 CLI

Tina CLI (npx @tincms/cli@latest init) 允许您将 Tina 添加到现有的 Next.js 应用程序中。使用 CLI 时,我们将处理重要的部分,包括:

• 添加所有 Tina 依赖项

• 使用基本架构设置 .tina 文件夹

• 使用示例 Tina 供电页面创建演示目录

• 创建管理员路由

• 确保使用 Tina 最佳实践

使用 Tina CLI 允许您添加 Tina 并有选择地将其集成到您现有的 Next.js 应用程序中。这使您可以保留已建立的网站,并慢慢将 Tina 的力量带给您的编辑和内容团队。虽然一旦你使用它,我们不确定你想要移动多慢。

[](https://res.cloudinary.com/practicaldev/image/fetch/s--kTGbXdCr--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_880/https://res.cloudinary .com/forestry-demo/video/upload/v1641390724/blog-media/new-year-new-cms/tina-cli.gif)

在哪里可以了解 Tina 的最新动态?

您知道您将希望成为这个由开发人员(甚至是一些编辑和设计师)组成的创造性、创新性和支持性社区的一员,他们每天都在试验和实施 Tina。

蒂娜社区不和谐

Tina 有一个社区Discord,里面全是 Jamstack 爱好者和 Tina 爱好者。当您加入时,您会找到一个地方:

• 获取有关问题的帮助

• 查找最新的 Tina 新闻并抢先预览

• 与 Tina 社区分享您的项目,并谈谈您的经验

• 关于 Jamstack 的聊天

蒂娜推特

我们的 Twitter 帐户 (@tina_cms) 公布了 Tina 的最新功能、改进和先睹为快。如果您在您建立的项目中标记我们,我们也会感到兴奋。