Gutenberg 是默认的 WordPress 编辑器。该编辑器允许您通过拖放界面使用文本、图像、视频和其他站点元素的离散块来创建和设置内容样式。这种方法提高了 WordPress 的灵活性和设计能力。
本指南介绍如何在静态
Next.j 垃圾邮件数据 s 站点中使用 WordPress REST API 将 Gutenberg 内容解析为 HTML。
先决条件
要关注我们，您需要：
计算机上安装了 Node.js 和 npm（Node 包管理器）或 yarn
JavaScript 和 React 的基础知识
发布了几篇文章的 WordPress 网站
使用 REST API 检索 Gutenberg 内容
为了以编程方式与 WordPress 网站交互并检索 Gutenberg 块中的结构化内容，我们使用 WordPress REST API 或 WPGraphQL 插件。这些工具允许您以 JSON 格式检索 WordPress 内容。
为了能够通过 REST API 访问 JSO N 数 向客户证明您工作的有效性以及合作的透明度 据，我们将 WordPress 永久链接设置调整为“Plain”以外的任何设置。这样我们就可以通过如下结构的 URL 访问 API：
通过向此 URL 发
出 API 请求，我们可以以编程方式检索各种信息并在我们的 WordPress 网站上执行操作。例如，我们可以通过发送 GET 请求来检索帖子列表：
这将返回一个 JSON 对象，其中包含有关我们 WordPress 网站上的帖子的信息，包括标题、内容、作者详细信息等。
将 Gutenberg 区块解析为 HTML
当使用 Gutenberg 编辑器从 WordPress 网站检索 最新评论 帖子时，存储在数据库中的内容可能混合使用 HTML 和 JSON 元数据来描述各种类型的块，例如引用和图库。例如：