我们希望将硬编码的“你好,世界”问候语移到 Tina 中,这样就可以通过 Tina 编辑器访问和编辑它,而无需修改代码。
在我们这样做之前,我们首先需要定义一个 Tina schema,它将控制我们从 Tina 接收的数据的“结构”。
1. 打开 tina/config.ts
文件并找到 schema
字段。它应该看起来像这样:
这是一个开箱即用的示例 schema,但我们将构建自己的 schema。
schema: {collections: [{name: "post",label: "文章",path: "content/posts",fields: [{type: "string",name: "title",label: "标题",isTitle: true,required: true,},{type: "rich-text",name: "body",label: "正文",isBody: true,},],ui: {// 这是一个示例路由。您可以移除它以适配您的站点router: ({ document }) => `/demo/blog/${document._sys.filename}`,},},],},
2. 将 schema 替换为一个包含单个字段的基本条目,用于我们的精彩“你好,世界”消息:
schema: {collections: [{name: "my_first_collection",label: "我的第一个集合",path: "content/first",fields: [{type: "string",name: "title",label: "标题",isTitle: true,required: true,}],// 暂时将其注释掉。我们稍后会回到这里!// ui: {// // 这是一个示例路由。您可以移除它以适配您的站点// router: ({ document }) => `/demo/blog/${document._sys.filename}`,// },},],},
3. 现在 schema 已定义,是时候向我们的新 CMS schema 添加一些数据了!
4. 启动您的应用并访问 http://localhost:3000/admin/index.html
5. 注意左侧,现在有一个“我的第一个集合”菜单项!
6. 点击该菜单项。
7. 点击“添加文件”按钮。
8. 您可以看到我们在 Schema 中描述的单个字段——标题
字段。将您的精彩标题“你好,世界!”添加到其中。
9. 点击“保存”。
如果我们回到代码中,您会看到一个新文件已被创建。查看content/
,您会发现一个first
文件夹,其中包含我们的新 markdown 内容!first
文件夹是我们在 schema 的path
字段中定义的。我们在“我的第一个集合”集合中创建的所有内容都将创建在此目录中。