前言：本文将介绍一个前端开发中使用的 npm 包 metalsmith-split-filename-dates 的使用方法。该 npm 包是用于将 Markdown 文件作为输入，自动分离文件名中的日期信息，并将其用于在模板中生成文章的时间戳。
本教程将分为以下几个部分：
- metalsmith-split-filename-dates 的安装和配置
- 怎样使用这个 npm 包在模板中自动加入时间戳
- 示例代码
metalsmith-split-filename-dates 的安装和配置
metalsmith-split-filename-dates 是一个 Metalsmith 插件，是一个用于自动解析 Markdown 文件名称中的日期信息的插件。在使用前，需先使用 npm 安装 metalsmith 和 metalsmith-split-filename-dates。
- --- ------- ------ ---------- -------------------------------
在安装好了依赖之后，可以使用以下代码初始化 Metalsmith：
--- ---------- - ----------------------
--- -------- - -------------------------------
--- ------------- - -------------------------------------------
---------------------
----------------
---------------------
-------------------- -
-- ----- ----- ----
---这样，我们就可以在构建 Metalsmith 时使用 dateFormatter() 函数解析 Markdown 文件名称中的日期信息了。
怎样使用这个 npm 包在模板中自动加入时间戳
在使用 metalsmith-split-filename-dates 解析 Markdown 文件名称中的日期信息之后，我们就可以在模板中使用该信息生成文章的时间戳了。
在 Jade 模板中，可以使用以下代码来引入文章的时间戳：
--- ----- ------------ ------------------------------ --- ------
在这个例子中，我们使用了 moment.js 来格式化日期信息。如果你不想使用 moment.js，你也可以使用 JavaScript 原生 Date 对象中的方法。对于生成时间戳时，你通常只需要使用其中的 getFullYear(), getMonth() 和 getDate() 方法即可。
示例代码
为了更加清晰地说明这篇文章中的概念和技巧，这里提供一个示例代码，让你更好地理解怎样使用 metalsmith-split-filename-dates 插件。
例子
假设你有以下目录结构：
----- --- ---------------- --- -----------------
其中 my-first-post.md 的名称为：
---------------------------
my-second-post.md 名称为：
----------------------------
那么，我们可以在 markdown 文件中使用以下格式的日期信息：
----------
我们使用 metalsmith-split-filename-dates 插件来解析这些日期信息。这样，我们可以得到以下代码：
--- ---------- - ----------------------
--- -------- - -------------------------------
--- ------------- - -------------------------------------------
---------------------
----------------
---------------------
-------------------- -
-- ----- ----- ----
---我们可以在结果文件中使用以下内容：
--- ----- ------------ ------------------------------ --- ------
这样，我们在构建 Metalsmith 时，将自动加入对应文章的发布时间，使得网站更加专业和规范。
参考文献：https://www.npmjs.com/package/metalsmith-split-filename-dates
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/60066f411d8e776d08040da7