路由到编辑器
现在，如果我们想编辑我们惊人的标题，我们必须进入TinaCMS编辑器，找到我们的集合，然后编辑集合中的记录，才能查看我们的更改。😮💨
如果我们可以在编辑内容时直接在页面上看到我们的更改，那不是很酷吗？让我们现在就这样做！
代码更改
1. 取消注释tina/config.ts中的ui部分
2. 编辑ui部分，并将其替换为以下内容：
这段代码做了什么？
首先，这个特定的路由器仅用于TinaCMS可视化编辑器。它不控制您实际网站的任何路由——这仍然由我们的NextJS应用程序路由器控制。
其次，我们在这里通过将"Hello-World"文件名直接硬编码到主页路由来稍微作弊。
也可以以编程方式定义此路由，但现在我们就这样做。
将此与内容目录中的文件名匹配，如果您将标题设置为除“Hello World!”之外的其他内容，文件名可能会有所不同。
试试看
- 通过访问
http://localhost:3000打开您的应用程序，您应该会看到您很棒的“Hello World!”标题。 - 现在再次通过访问
http://localhost:3000/admin/index.html打开可视化编辑器
OMG！我们可以在编辑器中看到我们的主页了！🎉
路由器让TinaCMS知道哪些页面将用于实时编辑，同时也从集合列表中创建一个到可视化编辑器页面的链接。