跳转到内容
文档

如何将 Hinto AI 与 Framer 连接

本指南将介绍如何将您的 Hinto AI 知识库与 Framer 连接。按照以下步骤，您可以将包括文章和文件夹在内的文档直接导入 Framer 的 CMS（内容管理系统）。这样，您就可以在 Framer 网站上构建一个功能齐全且动态的帮助中心。您需要拥有 Hinto AI 和 Framer 的有效账户。

第一部分：同步您的文章

  1. 在您的 Framer 项目中，导航至左侧边栏的 CMS 面板。

  2. 按 Cmd/Ctrl + K 打开命令面板，或点击画布底部的插件图标。搜索 Hinto AI 并选择它以启动插件。 Documentation image

  3. 在弹出的 New Collection（新建集合）窗口中，输入“Articles”作为名称并点击 Create。此集合将存储您所有的独立帮助文章。 Documentation image

  4. 要获取 API 密钥，请前往 Hinto AI 网络应用并打开您的项目。

  5. 点击设置图标打开 Project Settings（项目设置），然后从侧边菜单中选择 API Keys（API 密钥）。

  6. 点击 New API Key + 按钮。

  7. 输入一个描述性的名称（例如“Framer Integration”），然后点击 Create API Key。

  8. 点击复制图标，将新的 API 密钥复制到剪贴板。

  9. 回到 Framer，将密钥粘贴到 API Key 字段中，然后点击 Continue。 Documentation image

  10. 在 Hinto 内容同步窗口中，确保 Content Type（内容类型）设置为 Articles。

  11. （可选）为了使内部链接正常工作，请展开 Advanced Settings（高级设置），并输入文章所在站点的完整基础 URL 路径。

  12. 点击 Import 开始同步。您的 Hinto AI 文章现在将出现在 Framer 的“Articles”集合中。

Documentation image

第二部分：同步您的文件夹结构

重复此过程以导入文件夹结构，这对于组织内容和构建导航菜单至关重要。

  1. 点击 Collections 旁边的 + 图标，再次启动 Hinto AI 插件。
  2. 将此新集合命名为“Folders”，并点击 Create。
  3. 将相同的 Hinto AI API 密钥粘贴到字段中，然后点击 Continue。
  4. 从 Content Type 下拉菜单中选择 Folders。
  5. 点击 Import。您的 Hinto AI 文件夹结构现在将在“Folders”集合中可用。
Documentation image

您已成功将 Hinto AI 的文章和文件夹导入到 Framer 中。现在，您可以使用这两个 CMS 集合来构建文档页面、创建导航菜单并设计您的帮助中心。