文档

学习

v.Latest

Documentation

将其链接到您的模型

在此页面上

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

更新模式

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

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

import { amazingTitleBlock } from "@/app/amazing-header/amazing-header.template";
import { beautifulImageBlock } from "@/app/beautiful-image/beautiful-image.template";
import { incredibleBodyBlock } from "@/app/incredible-body/incredible-body";
// 在文件顶部 ⤴️


//...
collections: [
      {
        name: "my_first_collection",
        label: "我的第一个集合",
        path: "content/first",
        fields: [
          {
            type: "object", // <--- 哦哦哦，真不错。
            name: "blocks",
            label: "块",
            list: true,
            templates: [amazingTitleBlock, beautifulImageBlock, incredibleBodyBlock], // 模板多多！
          }
        ],
        ui: {
          router: ({ document }) => {
            if (document._sys.filename == "Hello-World") {
              return "/";
            }
          },
        },
      }
    ],

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

修复内容语法

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

测试一下

为了帮助我们构建 React 组件更改，让我们通过打开可视化编辑器（http://localhost:3000/admin/index.html 并导航到我们的 my_first_collection 列表，通过编辑器编辑 Hello-World 内容）向 Hello-World.md 文件添加一些新内容。

注意可视化编辑器现在有一个名为 Blocks 的字段。这是我们在 tina/config.ts 文件中声明的高级 object 字段。看看它是如何给我们一个神奇的 + 按钮的。点击它！

添加一个惊人的标题、一张美丽的图片和一个令人难以置信的正文！
在您的 IDE 中检查 Hello-World.md 文件。您会看到它的形状已更改，我们的模板/内容现在都存储在前置元数据中。

TinaCMS 可以配置为将内容保存为其他格式，例如 JSON，这对于这种数据非常有用。

上次编辑: January 7, 2026

文档

学习

文档

学习

将其链接到您的模型

更新模式

修复内容语法

测试一下

创建一个新模板

渲染您的模板

Join the Herd!