在线演示
这个真实示例展示了 Craft 文档和使用 Lovable 创建的博客的效果：
演示中已禁用写入操作
使用 Craft 和 Lovable 构建
自己动手构建
在这个示例中，我们将使用 Craft 管理个人博客，并通过 Lovable 将其变为一个支持文章、标签和搜索的精美个人网站。
第 1 步 — 创建你的文档
我们的博客文章保存在一个合集中：我们使用合集字段来管理标签、发布日期和发布状态。每篇博客文章的内容就是合集条目的内容 – 这样你就可以使用 Craft 强大的编辑器来撰写和完善你的博客文章。
使用模板创建一个新文档，其中包含用于你博客的合集，并填充了一些示例文章：
第 2 步 — 启用 API 访问
为你的文档启用 API 访问，获取一个唯一的 URL，可以用来读取和添加文档内容。
第 1 步
第 2 步
第 3 步
第 4 步
第 5 步
第 6 步
第 3 步 — 在 Lovable 上构建
现在让我们继续在 Lovable 上构建博客的实际网站。对于上面展示的示例网站，我们使用了这个提示词：
我想让你构建我的个人博客。\n\n信息存储在 Craft 中。请查看附件，其中包含我的 Blog Craft 文档当前状态的示例，以及你应该使用的 API 信息来获取这个文档和我的博客文章。请仔细阅读 API 文档并按照说明操作。\n\n我希望包含以下内容：\n- 一个首页，展示最近 3 篇文章及其日期和简介，然后有一个链接到归档页\n- 一个归档页，以表格形式列出所有已发布的文章及其日期\n- 每篇文章有一个独立页面，底部有上一篇/下一篇导航\n- 一个页面展示所有带有某个标签的文章\n- 还需要有搜索功能\n每篇文章都有一个 published 属性。只显示设置为 true 的文章。\n\n我想要一个简洁、现代的设计，注重细节，感觉精心打造。它应该精致但不做作，拥有出色的现代排版和大量留白。
前往 Lovable，将提示词粘贴到提示框中。确保附上我们刚刚下载的文档 AI Bundle。
Lovable 开始工作，分析 bundle 的内容以了解文档结构和如何使用 API。然后它会根据我们的提示词开始构建网站。
现在我们有了一个精美的博客，可以展示文章并支持搜索和标签功能！
