将我们的 StepZen API 连接到 Hugo

[rubinaruma]

该插件需要一些额外的环境变量来配置它。前往您网站的 Netlify 仪表板并选择“网站设置 > 构建和部署 > 环境”。我们应该看到HUGO_VERSION我们在创建过程中添加的内容。添加以下变量：

STEPZEN_ACCOUNT- 是“我的帐户”页面上的帐户名称。
STEPZEN_ADMIN_KEY是您“我的帐户”页面的管理密钥。
STEPZEN_NAME是我们为 API 指定的端点名称。部署和测试 API 时，我们将其称为netlify/pets-blog，因此这里我们只需要插件假定的默认文件夹（我们可以使用环境变量覆盖默认文件夹pets-blog）。netlifySTEPZEN_FOLDER
这就是插件运行所需的全部内容，但让我们设置调用 StepZen GraphQL API 时所需的最后一个变量。设置另一个名为的环境变量，并将其设置为“我的帐户”页面STEPZEN_API_KEY中 API 密钥的值。

最后，点击“保存”按钮。我们的插件已配置完毕，我们对 StepZen 模 越南电报号码数据库 式所做的任何更改现在都将在通过将代码签入我们的 GitHub 存储库触发 Netlify 构建时部署。

我们已准备好将所有内容连接到 Hugo。Hugo 没有内置从 API 中提取数据并生成页面的方法，因此我们实际上将编写一个 Node 脚本来为我们完成这项工作。我们还将把这个脚本集成到构建过程中，并且由于 StepZen API 是在构建运行之前生成的，这意味着我们将在每次构建时从最新版本的 API 中提取内容。

首先，我们需要安装一个名为slugify的 npm 库，它可以帮助我们将帖子标题转换为 slug，我们可以使用它来生成 Markdown 文件名。

npm install slugify
请注意，我们将使用 将这一切连接到构建netlify dev，它会自动注入我们在 Netlify 仪表板中创建的环境变量。但是，如果您想直接运行此脚本，在 的范围之外netlify dev，您需要一个像dotenv.env这样的库和一个值为 的本地文件STEPZEN_API_KEY才能使其工作。