Javascript 当使用gulp生成站点时，如何从页面访问元数据和前端内容？

我正在尝试在gulp中设置Metalsmith流程。问题是，我不知道如何设置从任意数量的不同格式的文件（YAML或JSON）加载元数据，然后在页面中全局使用它们。它在分区和布局中工作

这是我的src文件夹结构，仅用于静态站点资产：

_data/
  settings.yaml
  info.json
_layouts/
  default.html
_partials/
  menu.html

index.html

这是我最新的吞咽过程：

“严格使用”；
/***********
*插件*
***********/
var gulp=需要（'gulp'），
metalsmith=require（'gulp-metalsmith'），
markdown=require（'metalsmith-markdown'），
车把=需要（'metalsmith-Handlebar'），
布局=需要（'metalsmith-layouts'），
忽略=需要（'metalsmith-ignore'），
rootPath=require（'metalsmith-rootPath'），
metadata=require（'metalsmith-metadata'），
runSequence=require（'run-sequence'）。使用（gulp）；
//路径（包含所有路径的外部文件）
var app_path=require（'../path.js'）；
gulp.task（'metalsmith'，function（）{
返回gulp.src（'./src/site/**'））
.管道（金属匠）({
//Metalsmith的根目录（例如用于定位模板）默认为CWD
根目录：'./src/site/'，
//解析frontmatter时，默认为true
正面事件：没错，
是的，
//要使用的Metalsmith插件：
使用：[
元数据({
“设置”：“\u data/settings.yaml”，
“info”：“_data/info.json”
}),
根路径（），
markdown（），
忽略（[“\u布局/****”、“\u部分/****”、“\u数据/****”]），
布局({
发动机：“把手”，
目录：'_layouts/'，
分部：''u分部/'，
默认值：“default.html”
}),
]
}))
.pipe（吞咽目标（app_path.htmlStaticOut））；
});