来自我们Discord社区的David Konsumer在本入门教程中向我们展示了他喜欢如何设置一个新的TinaCMS项目。

这个视频是对Tina的一个很好的介绍，涵盖了很多内容。看完后，您应该对TinaCMS的工作原理以及如何自定义它有一个很好的理解。请参阅下面的时间戳和最终的源代码这里。

设置Tina

00:30 - 安装Node.js和TinaCMS
04:18 - 查看TinaCMS Barebones Starter中的文件
05:00 - 自定义package.json

快速查看Tina Schema

07:40 - 将schema分解到单独的文件中
09:15 - 将“posts”重命名为“blog”
11:58 - 查看媒体配置

将文件格式转换为MDX并修复导航

13:22 - 将主页的文件格式从Markdown更改为MDX
16:35 - 修复导航链接
21:03 - 查看项目结构

设置主页以使用块

23:10 - 在Schema中添加一个具有单个“Row”字段的块
28:15 - 使主页使用JSON而不是MDX
29:29 - 查看数据如何进入页面
35:15 - 将内容渲染到页面
40:10 - 向块中添加一个标题字段，并在CMS UI中用于块列表

为富文本编辑器创建自定义输入字段

46:30 - 概述
49:00 - 创建用于自定义图像嵌入的新组件