无框架依赖的TinaCMS设置指南

介绍

大多数情况下,TinaCMS是无框架依赖的。除非你使用“可视化编辑”,否则设置过程基本上与网站的框架无关。

想要支持你的框架?

通过GitHub讨论让我们知道:

可以从Google趋势中看到受欢迎程度

入门

在你的网站目录中运行:

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

当被询问“公共资产目录”时,请参阅我们的框架列表以获得帮助。

更新你的构建脚本

根据你的框架,tina init可能会尝试更新你的package.json脚本。

如果CLI没有设置这些,你需要手动应用。

建模你的内容

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

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

启动TinaCMS

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

<your-dev-process>可以替换为你网站的自定义开发命令。

在TinaCMS运行时,导航到http://localhost:3000/admin/index.html

上述默认端口可能会根据你的框架而有所不同。

如果运行此命令时出现错误,请参阅常见错误页面。

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

设置可视化编辑(可选)

如果你想用TinaCMS的API驱动你的页面,并且你使用的是基于React的框架,你可能可以利用TinaCMS的可视化编辑功能。

阅读更多关于数据获取可视化编辑的信息。

下一步

Last Edited: October 21, 2025