SvelteKit + TinaCMS 设置指南
介绍
TinaCMS 可以本地添加到您的 SvelteKit 网站。在本文档中,我们将指导您完成本地设置以及在生产网站上的编辑。
入门
在您网站的目录中运行:
这将询问您一些设置问题。
如果您是从 Forestry.io CMS 导入您的网站,某些模型和配置将被自动导入。
更新您的构建脚本
移动静态文件
TinaCMS 假定您的静态文件位于 public 目录中。然而,SvelteKit 从 static 目录提供静态文件。您需要确保 TinaCMS 配置为使用此目录。
确认您在 static 下有两个目录:
调整 tina 配置
更新输出目录以定位 SvelteKit 使用的 static 目录
建模您的内容
要在 TinaCMS 中编辑您网站的内容,您可以在 tina/config.ts 文件中建模您的内容。
了解更多关于内容建模的信息
启动 TinaCMS
您可以通过以下方式启动 TinaCMS:
在 TinaCMS 运行时,导航到 http://localhost:5173/admin/index.html
提示:如果运行此命令时遇到错误,请参阅常见错误页面。
此时,您应该能够看到 TinaCMS 管理界面,选择一篇文章,保存更改,并看到更改已持久化到您的本地 markdown 文件中。
下一步
另请参阅
- Astro 设置指南 - 另一个现代框架选项
- Remix 设置指南 - 基于 React 的替代方案
- Next.js 设置指南 - 最受欢迎的 React 框架