简介
Metalsmith 是一个简单、易扩展的文件处理器，用于构建静态网站。Metalsmith-gathercontent 是一个插件，可用于从 GatherContent 中的项目中引入内容。
GatherContent 是一个内容管理系统，允许您与团队成员一起创建和管理内容，例如文章、页面和媒体文件等。使用 Metalsmith-gathercontent，您可以将 GatherContent 项目中的内容更新到您的网站中，以确保始终具有最新的内容。
本文将介绍如何使用 npm 包 metalsmith-gathercontent 来引入 GatherContent 项目中的内容。
安装
要使用 metalsmith-gathercontent，您需要已经安装好 Node.js 和 NPM。
- 使用 npm 安装 metalsmith：
npm install metalsmith
- 使用 npm 安装 metalsmith-gathercontent：
npm install metalsmith-gathercontent
此时便已经安装完成。
使用
- 在需要引入 GatherContent 的项目的根目录下创建一个文件夹（例如 content），并将 metalsmith 作为依赖项添加到 package.json 文件中：
{
"name": "my-static-site",
"dependencies": {
"metalsmith": "^2.4.0",
"metalsmith-gathercontent": "^1.0.1"
}
}- 使用以下命令来下载依赖项：
npm install
- 在根目录下创建一个 JavaScript 文件，例如 gathercontent.js：
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ------------- - ------------------------------------
---------------------
--------------------
---------- ----- ------- ----
------- ----- --- ----
---
-------------------- -
-- ----- ----- ----
------------------ ------------
---请确保将 "your project ID" 和 "your API key" 替换为您自己的项目 ID 和 API 密钥。
- 运行以下命令来执行脚本：
node gathercontent.js
- 完成之后便可以在代码中使用 GatherContent 项目中的所有内容。
示例代码
以下是一个简单的示例，展示了如何在页面中使用获取到的 GatherContent 内容。
-- -------------------- ---- -------
--------- -----
------
------
--------- ------ ------------
-------
------
------- ---------------------------
-----------------------
------- -----------
----------
---------
---------
-------
-------以上代码段使用 Handlebars 模板引擎。"collections.content.items" 是来自 GatherContent 项目的内容集合，"title" 和 "body" 是该集合中每个内容项的属性。
结论
使用 metalsmith-gathercontent 插件可以轻松地从 GatherContent 项目中获取内容，并将其导入 Metalsmith 静态网站中。本文提供了一份详细的教程，帮助您开始使用该插件，并展示了如何在静态网站中使用您所收集的内容。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b6051ab1864dac67230