关于 Metalsmith
Metalsmith 是一个基于 Node.js 的静态网站生成器。它采用了插件化的架构，用户可以轻松配置和使用各种插件完成自己的任务。Metalsmith 的特点就是轻量级、灵活和可扩展性。除了基本的静态网站生成之外，Metalsmith 同时支持其他场景，比如文档生成、API 文档生成、博客等等。
metalsmith-media-metadata 简介
metalsmith-media-metadata 是一个用于读取本地图片和视频文件（JPEG、PNG、GIF、SVG、MP4、MOV、M4V）的 Metalsmith 插件。当插件运行时，它会自动识别文件类型并添加一些有用的元数据属性到文件对象中。这些属性可以被其他插件或模板引擎使用，比如 Metalsmith-Assets 和 Handlebars.js。
安装和使用
安装
使用 npm 安装 metalsmith-media-metadata：
npm install metalsmith-media-metadata --save-dev
Metalsmith 配置
将该插件添加到 Metalsmith 配置文件中：
-- -------------------- ---- -------
----- ---------- - ----------------------
----- ------------- - -------------------------------------
---------------------
--------------
---------------------
--------------------
--------- --------
-------- -------------------------------------
---
------------ -- -
-- ----- ----- ----
----------------------- ----- ------------
---插件配置
该插件有以下配置项：
property（默认值：media）：添加到文件对象的元数据属性名称。pattern（默认值：**/*.+(jpg|png|gif|svg|mp4|mov|m4v)）：要读取的文件匹配模式。
使用示例
---
title: "My Awesome Image"
---
<img src="{{media.path}}" alt="{{media.title}}" title="{{media.caption}}">---
title: "My Awesome Video"
---
<video width="640" height="360" controls>
<source src="{{media.path}}" type="{{media.type}}">
</video>总结
Metalsmith 是一款非常好用的静态网站生成器，而 metalsmith-media-metadata 插件的加入，可以极大地提升开发效率，特别是在处理图片和视频时能够大有裨益。希望本篇文章能够帮助你更好地使用 Metalsmith 和 metalsmith-media-metadata 插件。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005669e81e8991b448e2d64