前言
在前端开发中，我们经常需要将静态网站部署到远程服务器上，而对于大型产品，需要快速地构建高质量的静态网站，这时候工具的作用就非常明显了。其中，Metalsmith 是一个基于 Node.js 的静态网页生成器，通过 Node.js 包管理工具 npm 安装可扩展的插件，可以实现各种构建任务。
本篇教程将介绍一个在 Metalsmith 中使用的 npm 包 —— metalsmith-kalastatic-dot-module，希望能对初学者提供一些指导和参考。
安装
首先需要确保你已经安装了 Node.js 和 npm。然后在命令行输入以下命令安装 metalsmith-kalastatic-dot-module:
npm install metalsmith-kalastatic-dot-module --save-dev
用法
在使用 metalsmith-kalastatic-dot-module 插件之前，需要先将 Metalsmith 初始化，例如：
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ---------- - --------------------------------------------
----- ---------- - ----------------------
----------
-----------------
---- ----------
----- ----------
---
-------------------- -
-- ----- ----- ----
------------------ ------------
---此处的 srcpath 和 destpath 分别代表源文件夹路径与目标文件夹路径。
在 options 中，kalastatic 支持几个自定义选项：
tag：选择需要检索的标签src：指定要处理文件的文件夹路径dest：生成的目录，如果没有指定，则默认为dest。depth：指定遍历深度的最大值disqus：选择评论系统（目前支持 Disqus 和 hashOver）
这里的 tag 参数主要用于对文档进行分类和整理，当然也可以根据自己的需求进行改动，如下：
-- -------------------- ---- -------
----------
-----------------
---- ------------
---- ----------
----- -----------
------- ----
---
-------------------- -
-- ----- ----- ----
------------------ ------------
---此时生成的网站将包含 myProject 标签。
示例
为了更好的理解，下面附上一份代码示例。假设有如下目录结构：
-- -------------------- ---- -------
--------
------
------------
------------
------
-----------
--------
----------
-----
---------then:
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ---------- - --------------------------------------------
----- ---------- - ----------------------
----------
-----------------
---- ------------
---- ------
----- --------
---
-------------------- -
-- ----- ----- ----
------------------ ------------
---结语
Metalsmith 是一个非常实用的工具，可以帮助我们快速构建静态网站，而 metalsmith-kalastatic-dot-module 则是一个十分优秀的 Metalsmith 插件。它在文件处理上的特异性能够让我们更好地管理静态网站，并且非常容易上手，希望各位朋友可以在开发中体验到它的魅力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f3f1d8e776d08040c27