问题标签 [metalsmith]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 如何从车把助手返回对象或 json 数据到 html
这是我在 html 布局中的车把块:
这是我的主要 build.js 中的车把助手:
如何将“数据”返回到上面相同的 html 布局?它可以放在 html 中的任何位置。“语言”来自 markdown 文件中的 yaml frontmatter。如果可能的话,我想根据“语言”的值循环一个特定的 json。
谢谢!
handlebars.js - 在 metalsmith 中注册自定义车把助手
我正在使用 Metalsmith 从降价文件生成静态站点。
编辑降价文件的人会写:{{{link "docs/file.docs"}}}
并且他们希望网站上有一个带有该文件的链接(相对链接)
助手很简单,我测试过并且可以正常工作:
但是我怎样才能添加这个助手并在我的金属匠配置中使用它呢?
这是一个总结的例子。
索引.md:
我想用一个简单make
的以下部分来创建 html:
node-sass - Metalsmith 和 Metalsmith-sass 配置
我正在尝试让我的金属匠网站使用 Sass,以便我可以将 Foundation 用于网站。我已经成功地让我的网站构建和使用浏览器同步,但不幸的是我的 .scss 文件没有转换为 css。
下面是我的 build.js 文件,我当前的“src”文件结构是这样的。谁能看到我做错了什么。浏览了至少 20 个文件和 tuts,但一无所获,谢谢。
- 源代码
- 资产
- css
- 图片
- 脚本
- html
- 部分
- scss
- _settings.scss
- _custom.scss
- 应用程序.scss
模板
/li>
underscore.js - 如何在 Metalsmith 中使用下划线的局部?
我正在为我的 Metalsmith 网站使用 Underscore 的模板引擎,但我在访问footer
部分网站时遇到了一些麻烦。我收到一条错误消息说:
我该怎么称呼它?我究竟做错了什么?
谢谢你。
这是我的 Metalsmith 构建文件的模板部分:
这是我的文件夹结构:
这是一个帖子示例:
这是我的html页面:
markdown - 让 metalsmith、contentful 和 markdown 一起工作
我正在尝试使用 Metalsmith 从 Contentful 平台呈现内容(根据此处的示例使用 metalsmith-contentful 平台和 metalsmith-layout )。
我的内容字段之一是降价文本,因此我想在最终模板中将其呈现为 HTML。我的初始设置与上面的示例类似,但仅将降价文本读取为纯文本。
我现在正在尝试在车把助手中转换降价,即
并打电话给{{{ markdown mycontentfulobject}}}
但这也不起作用。
有任何想法吗?
javascript - 通过 gulpsmith 的 metalsmith-collections 没有生成我的收藏数组
所以,这无疑是一个小众问题。它与metalsmith-collections
通过有关gulpsmith
。
我正在将博客添加到静态站点并使用metalsmith
viagulpsmith
这样做。
我在使用metalsmith-collections
此设置时遇到了问题,但似乎一切都应该正常工作。
我将尝试展示我的相关代码。
这是我的(我认为)相关的必需模块:
我有一个 gulp 'blog' 任务,否则按预期工作。
我想输出我最新博客文章的列表。
所以,我的hbs
模板如下:
问题代码显然在上面:
那里没有任何输出。
好吧,从技术上讲,输出是这样的:
不遍历应该生成的帖子数组。
不确定这是否是所有相关代码,但我很乐意添加更多用于故障排除的帮助。
任何建议都非常感谢。
更新
metalsmith - Metalsmith:如何使用 run()?
文档显示了一种方法run(files, fn)
:
在 的字典上运行所有中间件函数
files
并使用 回调,更改后的字典fn(err, files)
在哪里。files
https://www.npmjs.com/package/metalsmith#runfiles-fn
应该如何/何时使用?我找不到任何更详细的信息或示例。
感谢您的任何提示:)
javascript - Metalsmith html模板视图模型绑定
我想创建静态 html 页面并将内容绑定到 javascript 对象,我知道有一个名为 MetalSmith-layout 的插件将值从 markdown 文件绑定到 html,但就我而言,绑定值是动态的,所以我无法准备静态降价,否则我必须在火上创建降价文件。
所以对于我的问题,有没有更好的方法来绑定模板和 javascript 对象,就像 Express 路由器一样?如
主页.swig
vm.json
javascript - 使用 gulp 生成站点时如何从页面访问元数据和前端内容?
我正在尝试在 gulp 中设置 Metalsmith 流程。问题是我不知道如何设置从任意数量的不同格式(YAML 或 JSON)文件中加载元数据,然后在页面中全局使用它们。它适用于局部和布局。
这是我的 src 文件夹结构,仅用于静态站点资产:
这是我最新的 gulp 过程:
settings.yaml 有这个键/值对:
当我尝试在页面中使用 {{settings.site_name}} 访问 settings.yaml 中的某个键时 - 没有任何反应。我也无法从页面内访问前事数据。
任何人都知道问题可能出在哪里?
json - 查看 metalsmith 管道 JSON
Metalsmith 有一种显示管道内容的内置方式,即使用一个简单的函数,例如:
或与金属匠记录器
但是,在这两种情况下,我都得到了输出,[object Object]
并且我需要完整的输出。(即我可能会用 JSON.stringify 得到什么)
更重要的是,我想知道是否有任何方法可以在每次转换后获得格式良好的管道和内容输出,就像使用 gatsbyjs 和 graphQL 一样。