将其链接到您的模型

现在我们已经为我们的块创建了结构,我们需要更新模式以了解每个部分。

更新模式

1. 返回到我们的 tina/config.ts 文件。

2. 用新的 对象 类型字段替换旧的模式,以释放我们模板的强大功能 💪

我们已经更改了 my_first_collection 对象的模式,但 Hello-World.md 文件仍在使用旧模式。请注意,如果不更新内容以匹配模式更改,您可能会轻易破坏您的页面/网站。

修复内容语法

  1. 我们需要手动打开 Hello-World.md删除该文件的内容。

测试一下

  1. 为了帮助我们构建 React 组件更改,让我们通过打开可视化编辑器(http://localhost:3000/admin/index.html 并导航到我们的 my_first_collection 列表,通过编辑器编辑 Hello-World 内容)向 Hello-World.md 文件添加一些新内容。
注意可视化编辑器现在有一个名为 Blocks 的字段。这是我们在 tina/config.ts 文件中声明的高级 object 字段。看看它是如何给我们一个神奇的 + 按钮的。点击它!
  1. 添加一个惊人的标题、一张美丽的图片和一个令人难以置信的正文!
  2. 在您的 IDE 中检查 Hello-World.md 文件。您会看到它的形状已更改,我们的模板/内容现在都存储在前置元数据中。
TinaCMS 可以配置为将内容保存为其他格式,例如 JSON,这对于这种数据非常有用。
Last Edited: January 7, 2026