问题标签 [yaml-front-matter]

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.

0 投票
1 回答
44 浏览

html - Jekyll - 解析和查找一些信息和配对

我正在为播客制作 Jekyll 主题。我已经放置了 RSS 渲染,所以我想使用<audio>标签在页面中添加一个 HTML5 播放器。

在播客帖子的前端,我有以下结构:

我想找到一个特定的类型并使用关联的 URL 作为播放器的文件。有没有一种简单的方法来捕捉正确的条目(如果我可以在输入正确之前进行测试)还是应该解析所有的audiofrontmatter条目直到找到我想要的条目?

PS:该页面托管在 Github Pages - http://github.com/hufflepuffbr/hufflepuffbr.github.io

0 投票
1 回答
100 浏览

html - Jekyll 站点的“Front Matter”的默认数据类型是什么?

我正在开发一个 Jekyll 网站。Front Matter 中变量的默认数据类型是什么?它是一个字符串吗?

我正在尝试将关键字解析为一个数组并将它们分配给每篇博客文章的标签,但我一直得到一个长标签。我想我可以使用这样的东西吗?

任何帮助表示赞赏

0 投票
1 回答
274 浏览

yaml - YFM 变量中的代码片段/块

我正在尝试从 Litmus 获取代码片段以在我的 Assemble.io 项目(HTML 电子邮件)中使用。一个典型的代码块如下所示:

理想情况下,我很想把整个事情都放在一个 YFM 变量中,我尝试过但没有成功。我相信解析器会卡在#、引号、花括号或上述任何组合上。我尝试将代码块包装在 ''、""、` 和 ``` 中,但都不起作用。现在我已经采用了该块的可变部分(在本例中为 0me4e2bg)并在我的 YFM 中使用了它,它运行良好,但我确信在 YFM 中使用 CSS 和 HTML 块/片段已经发生在其他人身上我很好奇是否有解决方案?只是我没有正确逃避它吗?谢谢!

编辑:尝试Anthon建议的答案后,我收到以下错误

看起来它是由@media 中的@ 触发的?

0 投票
1 回答
541 浏览

jekyll - Jekyll - YAML Front Matter Defaults 不起作用

我有一个多站点 Jekyll 项目,每个站点都有文件夹slcla.

但是,我的 YAML Front Matter 默认值不起作用。没有任何默认值 - 包括布局,至关重要 - 被传输到我的模板:

//config.yml:

// 文件夹结构

// _layouts/default-la.html

//la/index.html

0 投票
0 回答
31 浏览

node.js - 如何在 assemble 的另一个集合中使用其父级之外的集合列表?

尝试在另一个目录中使用集合被证明是困难的。

主集合目录:/src/templates/roles/one.hbs 等

然后在我的主页目录中:/src/templates/pages/roles.hbs

我正在尝试在上述模板中使用集合列表,但它不起作用。这是我尝试过的:

这适用于角色页面,但不适用于我的 /templates/pages/ 文件夹外部或内部的页面

Gruntfile.js

有谁知道为什么?

0 投票
2 回答
2650 浏览

gulp - Gulp Front Matter +Markdown through Nunjucks

I'm working on adding some simple Markdown processing to my Gulp process, but I can't quite get the pieces to work together. I seem to be missing the step between getting the front matter content, and determining which Nunjuck template to apply.

Here's the section in my Gulp file:

The markdown file looks like this:

I feel like it's going the right direction but being able to visualise where that front matter data has gone, and how to expose it to the Nunjucks rendering, is not clear. Any help?

0 投票
1 回答
518 浏览

javascript - 如何成功地将中间人 frontmatter 变量集成到用 haml 编写的布局页面中的 javascript 片段中?

昨天我决定参加MiddlemanHAML,他们太棒了!因为我不想只为一个值创建多个布局,所以我尝试使用frontmatter 变量来更改布局页面底部的javascript 片段中的值。

javascript 片段包含在:javascript过滤器中(这里是参考),它触发了一个 jQuery 插件。该插件需要一些变量。我想在其他页面中更改的变量是top. 根据 Middleman frontmatter 指南页面(这里是参考),您只需<% current_page.data.top %>在布局页面中添加您想要该变量的位置。这个用erb编写的字符串被翻译成haml in= current_page.data.top但是当我在浏览器中运行页面时,开发者控制台会告诉SyntaxError: expected expression, got '='.

如何成功地将中间人 frontmatter 变量集成到用 haml 编写的布局页面中的 javascript 片段中?

布局页面的底部(代码片段所在的位置)如下所示:

我要更改的页面如下所示:

0 投票
1 回答
379 浏览

loops - Jekyll 嵌套的前端问题未在循环的布局模板中显示

我试图在我的帖子字体问题中循环嵌套列表并为每个嵌套项目显示关联的图像(使用 svg)

前置事项:

在我的 post.html 文件中使用 for 循环

我希望这个呈现如下

对于 spec: 下的每个嵌套 name:vale 对,我希望有一个唯一的 svg 元素,该元素使用 #id 中包含的嵌套值创建

???

0 投票
1 回答
1016 浏览

handlebars.js - Bigcommerce Stencil 声明自定义前端变量

我想在我的主页模板中定义一个特色类别 ID 列表。是否可以在前端定义自定义变量?我似乎无法让它工作:

templates/pages/home.html这是我的自定义变量中的默认前置内容,featured_categories最后:

然后,在模板中,这一行不产生任何输出:

为什么这不输出值testing?最终,我想featured_categories成为一个类别 ID 的数组。这可以使用前端物质吗?

0 投票
1 回答
394 浏览

javascript - 如何访问由 gulp-gray-matter 插件创建的数据对象(使用 nunjucks 编译 html 文件时)

我使用nunjucks-render作为前端 JavaScript 模板引擎。

我想从某些 .nunjuck 文件中读取正面物质数据,然后在将我的 .nunjuck(模板)文件编译成 .html 文件时使用该数据。

经过一番研究,我发现gulp-gray-matter是更快更好的正面物质提取插件之一。

我的问题是:我现在如何访问正面物质数据对象?

例如,我会在 .nunjucks 文件中将正面问题写为:

最终的 HTML 输出应该是:

我的 gulfile.js 设置如下: