用 Craft 畅想

个人博客

创建一个功能完整的博客,支持标签、归档和搜索,直接在 Craft 中管理和编辑你的文章。

个人博客个人博客

自己动手构建

在这个示例中,我们将使用 Craft 管理个人博客,并通过 Lovable 将其变为一个支持文章、标签和搜索的精美个人网站。

第 1 步创建你的文档

我们的博客文章保存在一个合集中:我们使用合集字段来管理标签、发布日期和发布状态。每篇博客文章的内容就是合集条目的内容 – 这样你就可以使用 Craft 强大的编辑器来撰写和完善你的博客文章。

使用模板创建一个新文档,其中包含用于你博客的合集,并填充了一些示例文章:

第 2 步启用 API 访问

为你的文档启用 API 访问,获取一个唯一的 URL,可以用来读取和添加文档内容。

第 1 步

打开“畅想”标签页

第 2 步

点击 “添加你的第一个 API 连接”

第 3 步

为你的 API 连接配置一个名称。 对于此项目,API 只需要读取你的文档。将 API 权限设置为仅“读取”。

第 4 步

点击“添加文档”,然后选择你的 Personal Blog 文档。

第 5 步

用于与你的文档交互的 API URL 现在显示在顶部

第 6 步

点击“下载 AI Bundle”按钮。这将下载一个包含 API 文档和你的文档内容的文件夹。
请注意,文档中的所有文章都可以通过公开 API 加载 – 合集中的“Published”字段将控制哪些文章显示在网站上,但未发布的文章也可能被访问。

第 3 步在 Lovable 上构建

现在让我们继续在 Lovable 上构建博客的实际网站。对于上面展示的示例网站,我们使用了这个提示词:

我想让你构建我的个人博客。

信息存储在 Craft 中。请查看附件,其中包含我的 Blog Craft 文档当前状态的示例,以及你应该使用的 API 信息来获取这个文档和我的博客文章。请仔细阅读 API 文档并按照说明操作。

我希望包含以下内容:
- 一个首页,展示最近 3 篇文章及其日期和简介,然后有一个链接到归档页
- 一个归档页,以表格形式列出所有已发布的文章及其日期
- 每篇文章有一个独立页面,底部有上一篇/下一篇导航
- 一个页面展示所有带有某个标签的文章
- 还需要有搜索功能
每篇文章都有一个 published 属性。只显示设置为 true 的文章。

我想要一个简洁、现代的设计,注重细节,感觉精心打造。它应该精致但不做作,拥有出色的现代排版和大量留白。

前往 Lovable,将提示词粘贴到提示框中。确保附上我们刚刚下载的文档 AI Bundle。

Lovable 开始工作,分析 bundle 的内容以了解文档结构和如何使用 API。然后它会根据我们的提示词开始构建网站。

现在我们有了一个精美的博客,可以展示文章并支持搜索和标签功能!

更多值得尝试的灵感

返回画廊