Remix + TinaCMS 设置指南

介绍

TinaCMS 可以本地添加到您的 Remix 网站。在本文档中,我们将指导您完成本地设置,以及在生产网站上的编辑。

您可以参考我们的 TinaCMS Remix Starter 作为示例。

入门

在您网站的目录中运行:

这将询问您一些设置问题。

当被问到“公共资产目录”时,输入:public

建模您的内容

要在 TinaCMS 中编辑您网站的内容,您可以在 tina/config.ts 文件中建模您的内容。

了解更多关于内容建模的信息

启动 TinaCMS

您可以通过以下方式启动 TinaCMS:

remix dev可以替换为您网站的自定义开发命令。

在 TinaCMS 运行的情况下,导航到 http://localhost:3000/admin/index.html

^ 上述默认端口可能会根据您的框架而有所不同。
提示:如果运行此命令时出现错误,请参阅常见错误页面。

此时,您应该能够看到 TinaCMS 管理界面,选择一个帖子,保存更改,并看到更改持久化到您的本地 markdown 文件中。

在您的页面中获取数据

TinaCMS 提供了一个易于使用的客户端来获取您的内容数据。

阅读更多关于数据获取的信息。

设置可视化编辑(可选)

对于由 TinaCMS 内容 API 提供支持的页面,您可能希望利用 TinaCMS 的可视化编辑功能。

阅读更多关于可视化编辑的信息。

注意:使用 Remix 的可视化编辑被认为是实验性的。

下一步

另请参阅

Last Edited: October 21, 2025