创建一个新模板
设置我们的结构化部分
1. 创建一个 app/amazing-header/ 文件夹
2. 在该文件夹中添加一个 amazing-header.template.tsx 文件
3. 将以下代码添加到 amazing-header.template.tsx 文件中:
文件名是任意的,但TinaCMS团队使用(并推荐).template.tsx后缀以保持清晰。
我们的块现在非常基础 - 我们只有1个字段。但你可以看到,在实际应用中,在一个块中定义许多字段会非常有用!
想象一个英雄横幅,它可能需要一个背景图像,一个CTA,甚至可能还有一个按钮链接。
4. 现在为美丽的图像和令人难以置信的正文重复此操作!
你应该得到如下结构: