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 的可视化编辑被认为是实验性的。
下一步
另请参阅
- Next.js 设置指南 - 替代的 React 框架
- SvelteKit 设置指南 - 针对基于 Svelte 的网站
- 可视化编辑设置 - 启用实时预览编辑