Metalsmith 是一个静态站点生成器，可以通过插件来扩展其功能。其中，插件 metalsmith-youtube 可以帮助我们在 Metalsmith 中嵌入 YouTube 视频。
本文将介绍如何使用 metalsmith-youtube 这个 npm 包。
安装
使用以下命令安装 metalsmith-youtube：
npm install metalsmith-youtube --save-dev
使用
在 Metalsmith 的配置文件中，引入 metalsmith-youtube 插件并配置参数即可。
-- -------------------- ---- -------
----- -- - ----------------------
----- ------- - ------------------------------
-------------
----------------
-----------------------
--------------
------ ----
------- ----
------------- -----
-------------------- -----
---
-------------------- -
-- ----- ----- ----
---以上代码中，我们引入了 metalsmith 和 metalsmith-youtube 包，并使用了 metalsmith 的 use 函数引入了 metalsmith-youtube 插件。
在配置中，我们设置了嵌入视频的宽度、高度、是否显示控制栏和隐私增强模式等参数。
配置参数
metalsmith-youtube 插件的配置参数如下：
width: 视频的宽度（默认值：640）height: 视频的高度（默认值：360）showControls: 是否显示控制栏（默认值：true）privacyEnhancedMode: 是否开启隐私增强模式（默认值：false）fallbackImage: 如果无法加载视频，则显示的替代图片（默认值：null）embedOptions: 传递给嵌入视频的 YouTube iframe 的选项，例如frameborder，allowfullscreen等。（默认值：{}）
示例代码
接下来，我们来看一个示例代码。这是我们将要嵌入的 Markdown 文件：
# Metallica - Nothing Else Matters (Official Music Video) [](https://www.youtube.com/watch?v=tAGnKpE4NCI)
在 src 文件夹下，我们创建一个 blog 文件夹，并将 Markdown 文件放在该文件夹中。接下来，我们在配置文件 index.js 中使用 metalsmith-youtube 插件：
-- -------------------- ---- -------
----- -- - ----------------------
----- -------- - -------------------------------
----- ------- - ------------------------------
-------------
----------------
-----------------------
----------------
---------------
-------------------- -
-- ----- ----- ----
---以上代码中，我们使用了 metalsmith-markdown 插件将 Markdown 文件转换为 HTML，再使用 metalsmith-youtube 插件将其中的 YouTube 链接转换为嵌入式视频。
执行 node index.js 命令后，静态站点生成器会将 Markdown 文件转换成 HTML 文件，并将其中的视频嵌入到页面中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f431d8e776d08040e22