文档

学习

v.Latest
Documentation
你好,世界!

我们希望将硬编码的“你好,世界”问候语移到 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 字段中定义的。我们在“我的第一个集合”集合中创建的所有内容都将创建在此目录中。
上次编辑: March 28, 2025