Metalsmith 是一个用 Node.js 编写的静态网站生成器,可以帮助我们快速方便地生成静态网站。而 metalsmith-updated 是一个拓展了 Metalsmith 功能的 npm 包,它能够检测文件变化并且只编译更新过的文件,可以使编译速度更快。本文将介绍如何使用 metalsmith-updated。
安装
首先你需要有 Node.js 和 npm,如果没有请先安装。然后在项目目录下执行一下命令安装 Metalsmith 和 metalsmith-updated。
npm install metalsmith metalsmith-updated --save-dev
配置
在项目目录下新建一个 metalsmith.js
文件,作为 Metalsmith 的配置文件。在文件中添加一下内容:
-- -------------------- ---- ------- ----- ---------- - ---------------------- ----- ------- - ------------------------------ ----- ------ - ------ ----- ----------- - -------- --------------------- --------------- ------------------------- --------------- ------------ -- - -- ----- - ----------------- - ---
我们引入了 Metalsmith 和 metalsmith-updated,加入了输入和输出目录,以及使用了 metalsmith-updated 插件。
使用
在终端中执行以下命令进行编译:
node metalsmith.js
这个命令将在 src
目录下找到修改过的写作文档,并将它们复制到 build
目录下。
示例
我们在 src
目录下创建一个 index.md
文件,并且填写以下内容:
--- title: 我的首页 date: 2021-09-30 --- 欢迎来到我的首页!现在是{{ date }}。
在终端中执行 node metalsmith.js
,会在 build
目录下生成一个 index.html
文件,它的内容是:
-- -------------------- ---- ------- --------- ----- ------ ------ ----- ---------------- ------------------- ------- ------ ------------------------------ ------- -------
现在如果我们修改了 index.md
文件的日期,node metalsmith.js
只会重新编译这个文件,提高了编译效率。
结论
metalsmith-updated 插件可以帮助我们快速生成静态网站,提高编译效率。通过本文我们学习了如何使用它。希望读者能够将其应用到自己的项目中。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/5eedb60ab5cbfe1ea06114c3