问题标签 [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 回答
1432 浏览

javascript - 在 hexo 中对类别进行分组

我想在 hexo 中对类别进行分组。虽然 hexo <% list_categories %>助手列出了我所有的类别,但我想对嵌套类别进行分组。

我的问题是在两个层面上,第一,你如何表示前面的子类别。换句话说,我将如何将子类别 [motosport、板球、篮球、曲棍球] 添加到以下前沿问题中。运动是主要类别

二,我如何枚举所有类别和他们的每个孩子。我还用这个代码吗

还是有更好的方法/功能?

0 投票
1 回答
455 浏览

jekyll - 我们如何在变量中创建自定义液体变量(即自定义液体对象)?

让我们考虑以下代码:

它正确输出:

输出1

但是,当我尝试做同样的事情但更改addrtest.addr (并因此将其转换为 的数据成员时test,链接会中断:

破碎的物体

  1. 我如何使上述工作?
  2. 如何page.test向页面前面描述的变量添加新属性?
0 投票
1 回答
1171 浏览

jekyll - 在 Front Matter 中的 Jekyll if 语句

我想知道是否可以在 Front Matter 中添加 if 语句来选择使用属性取决于page.url

这些页面是使用基本模板从插件虚拟地从 .md 文件生成的,因此如果可能,我需要在 Front Matter 中添加一些条件。

这是典型的 Front Matter

我想做以下事情:

0 投票
2 回答
6336 浏览

markdown - Gatsby.js 中带有 Markdown 备注的自定义 frontmatter 变量

我正在使用 Gatsbyjs 和 NetlifyCMS 建立一个网站。我已经开始使用这个启动器https://github.com/AustinGreen/gatsby-starter-netlify-cms,我现在正在尝试自定义它。

我想在 markdown 文件的 frontmatter 中使用自定义变量,如下所示:

我想用 GraphQL 访问这些数据。我使用 gatsby-source-filesystem 和 gatsby-transform-remark。这是我的查询:

我无法让 GraphQL 读取我自己的变量,它只识别titletemplateKey(那些已经在启动器中使用的变量)。我收到此错误:

我已经搜索了几天,但一无所获。有人会帮我吗?

0 投票
1 回答
459 浏览

middleman - 在 Middleman 4 中使用 Frontmatter 和动态页面

我花了很多时间研究这个问题,但没有找到有效的解决方案。如果有人能帮我解决这个问题,我会很高兴的。

我正在尝试在我的设置中使用动态页面,但需要包含动态 Frontmatter。但是我不能在模板文件中使用 Frontmatter,所以我想我可以使用 YAML 数据文件来代替?我尝试了各种方法,但都没有成功。动态页面加载得很好,但是除非我可以拉入动态数据,否则它们中的每一个都将使用相同的 Frontmatter。

我的配置包括:

我在本节中的目录结构如下所示:

我开始了一个 YAML 数据文件,其中包括:

当我在模板文件中使用上述数据作为 Frontmatter 时,它工作得很好:

我如何使用数据的一个例子:

<%= current_page.data.addclass %>

我的问题如下:

  1. 如何使用 YAML 数据文件为每个动态页面提供唯一数据?
  2. 我可以使用最终的 URI 段(/teams/england/ 中的“england”、/teams/france/ 中的“france”等)来定义要使用的数据集吗?
  3. 我可以在不影响站点上其他非动态页面(/matches/、/groups/ 等)的情况下执行此操作吗?

非常感谢您提前。

0 投票
0 回答
162 浏览

jekyll - 自定义 Jekyll 主题不包括 gem 的 frontmatter 中包含的文件

(免责声明:这里是 Jekyll noob - 使用版本 3.5.2)

我正在尝试自定义基于 Jekyll gem 的主题。我知道,为了做到这一点,我必须找到我想要覆盖的文件(bundle show theme-name),将它们复制到本地,然后编辑它们。现在,每当请求这个文件时,Jekyll 都会先在本地查找,然后再查找 gem 文件。我的问题是 Jekyll 似乎没有为其他文件的 frontmatter 中包含的文件执行此操作。

在这里解释一下我的非工作结构

当我提供此服务时:首先,我收到有关缺少布局“页面”的构建警告。为什么 Jekyll 不在 gem 文件夹中搜索?仅page.html在本地添加后,没有构建警告,但没有blog.html插入任何内容_site/index.html(例如,根本不请求 CSS)。

研究我发现仅与元数据有关。我错过了什么?谢谢!

0 投票
1 回答
267 浏览

github - Jekyll:集合的访问属性?

我正在尝试创建一个_posts行为相似的第二个(它可以链接到,它有自己的布局,它存储在_works文件夹中,并且每件作品都以 为标题some-name.md)。

一切都很好,除了我找不到如何访问该降价文件的 frontmatter 属性......唯一有效的变量是{{content}}但我想访问所有其他属性。

_config.yml

布局/work.html

_works/test-product.md

0 投票
0 回答
41 浏览

html - 将 yaml-front-matter 添加到 index.html 后,Jekyll Mobile 视图“部分”未呈现

问题?

由于某种原因,标题下方的第一部分(它是一个“移动友好”网站)没有在移动视图中呈现。它仍然是布兰科。

它只是 CSS 的一小部分,所以它也不是一个明显的 CSS 问题。

在此处输入图像描述

我做了什么?

1) 使用 JEKYLL 静态站点生成器克隆模板并构建我自己的布局。
2)这个模板有一个经典的根目录(css+index.html文件)。
3)我添加{% SEO%}标签到<head>
4)我遇到了一个问题,这里描述了为什么液体 {%SEO%} 标签没有集成到头部?相反,它显示在正文
5 中)我添加了 yaml-front-matter 来index.html解决问题,但还将根目录更改为 jekyll 架构( 6 中的_includes+ _layouts+ frontmatter index.html
)同时我试图通过缩小许多 http 请求来减少css 文件合并为 1 个文件。
7)在我发现移动视图未呈现的问题后,我将所有内容都改回了经典。然而问题依然存在。

最小

我期望发生什么?

添加 yaml-front-matter 后,我的移动友好网站完美呈现。

在此处输入图像描述

responsive.css 链接: https ://github.com/bomengeduld/debadkamers/blob/master/css/responsive.css
style.css 链接: https ://github.com/bomengeduld/debadkamers/blob/master/style .css
链接到 index.html: https ://github.com/bomengeduld/debadkamers/blob/master/index.html
链接到网站: https ://bomengeduld.github.io/debadkamers/

0 投票
1 回答
903 浏览

if-statement - 在 Jekyll 中有条件地添加数据属性

我的博客文章的基本 YAML Front Matter 如下所示:

这是我的 index.html 来显示条目:

问题是: 有些帖子应该没有原始值,例如origin:. 而且我正在寻找一种方法来添加 data-origin 属性,前提是它是在 YAML Front Matter 中指定的值。

液体给出以下选项:

有没有办法在 html 标签中使用它?就我而言,我期望这样的事情:

0 投票
1 回答
119 浏览

tags - 在不同页面上使用液体标签

有没有办法在帖子 A 中召唤帖子 B 的描述(在其前面的内容中说明)?

液体标签{{page.description}}只召唤帖子 A 的描述。有没有办法包含一个 url 或其他东西,从而在不同的文件中使用液体标签?

还是有更好的方法来做到这一点?