Metalsmith 是一个静态站点生成器，可以使用插件来扩展其功能。metalsmith-dayone 是一个插件，用于将从 Day One 应用程序导出的 JSON 文件转换为 HTML 文件。本文将介绍如何使用 metalsmith-dayone 插件生成静态网站。
安装
首先，需要在全局安装 Metalsmith：
npm install -g metalsmith
接着，安装 metalsmith-dayone 插件：
npm install metalsmith-dayone
使用
Metalsmith 需要一个配置文件来执行操作。创建一个名为 metalsmith.json 的文件，并在其中添加以下内容：
-- -------------------- ---- -------
-
--------- ------
-------------- --------
---------- -
-------------------- -
--------- ---------------
--------- ----------------
-
-
-需要将 source 和 destination 分别设置为源文件夹和生成的文件夹。
在 plugins 下，添加 metalsmith-dayone 插件，并将 source 设为 Day One JSON 文件的路径。layout 是一个可选的布局文件路径，用于渲染生成的 HTML 文件。
在项目根目录下运行以下命令：
metalsmith
Metalsmith 将读取 metalsmith.json 文件，并将生成的文件保存到 destination 中。
示例
以下是一个例子。假设我们有一个名为 my-journal.json 的 Day One JSON 文件，位于项目根目录下的 data 文件夹中。我们创建一个名为 layout.html 的布局文件，并将其保存在根目录下的 layouts 文件夹中。
然后在 metalsmith.json 中添加以下内容：
-- -------------------- ---- -------
-
--------- ------
-------------- --------
---------- -
-------------------- -
--------- -----------------------
--------- ---------------------
-
-
-运行 metalsmith 命令生成 HTML 文件，并将其保存在 build 文件夹中。
总结
通过这篇教程，您已经了解了如何使用 metalsmith-dayone 插件将 Day One JSON 文件转换为静态 HTML 文件。该插件为静态站点生成器提供了一个有用的功能，可以使您更轻松地将日记和笔记发布到 Web 上。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f3e1d8e776d08040b4d