metalsmith-snippet 是一个非常实用的 npm 包，可以帮助前端开发人员在生成静态网站时，方便地将长篇文章分割成小段代码片段，使网站更加易于阅读和理解。本篇文章将介绍如何使用 metalsmith-snippet 进行网站静态文件的生成和处理。
安装 metalsmith-snippet
首先需要在项目中安装 metalsmith-snippet。在终端中运行如下命令：
npm install --save metalsmith-snippet
设置 metalsmith-snippet
在 metalsmith 中使用 metalsmith-snippet 插件，首先需要在项目根目录下的 metalsmith.json 文件中进行设置：
-- -------------------- ---- -------
-
--------- ------
-------------- --------
---------- -
--------------------- -
---------- ----------
---------------- -------------
-
-
-其中，source 表示源文件所在目录，destination 表示生成文件的目录，plugins 中的配置则表示使用了 metalsmith-snippet 插件，其中：
pattern：用于匹配需要进行更改的源文件，**/*.md表示匹配所有.md后缀的文件。snippetMarker：一个字符串，用于标记在源文件中的哪个位置进行分割（默认值为<!--more-->）。
使用 metalsmith-snippet
有了以上的配置，就可以在需要分割的地方插入 <!--more--> 字符串了。例如，文章一共有 200 行，希望把文章前 100 行作为摘要，后 100 行作为文章正文，则应该在第 101 行处插入 <!--more-->，也就是：
这是文章的前 100 行。 <!--more--> 这是文章的后 100 行。
这样，metalsmith-snippet 遇到这个标记就会将前面的部分作为摘要，后面的部分作为正文。
完整示例代码
完整的示例代码如下：
-- -------------------- ---- -------
----- ---------- - ----------------------
----- -------- - -------------------------------
----- ------- - ------------------------------
---------------------
----------------
-----------------------
------------
--------------
-------- ----------
-------------- -------------
---
----------------
--------- -- ------------------ -------------在终端中运行 node build.js，即可开始生成静态文件。
总结
metalsmith-snippet 是一个非常实用的 npm 包，可以帮助前端开发人员在静态网站生成过程中，方便地将长篇文章分割成小段代码片段。本文介绍了安装、设置和使用 metalsmith-snippet，希望对你的项目开发有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb60fb5cbfe1ea06114d0