渲染我们的Markdown

让我们修复我们的Markdown内容。

通过 TinaMarkdown 解析内容

1. 更新 app/awesome-content.tsx,添加以下内容:

测试一下。它有效!现在再次尝试编辑你的内容。看,一个富文本编辑器!

2. 继续在你的正文中添加一些 样式

为什么我们需要这样做? 当我们向TinaCMS请求Markdown内容时,它会给我们一个解析过的抽象语法树 (AST)。这看起来像一个大的JavaScript对象,其中包含我们的文本/格式/结构,每个都在自己的节点中。

TinaCMS可以像上面那样使用TinaMarkdown为我们处理这个问题,或者我们可以自己逐步处理以获得更多的控制。🔧

TinaMarkdown 需要在客户端组件中调用,因为它需要访问React钩子。

Last Edited: January 7, 2026