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

jekyll - 使用 jekyll 在帖子顶部的响应式图像

我最近开始学习 jekyll,并在 localhost (win 7) 上生成页面,我安装了一个插件,可以生成响应式图像和 HTML 标签,其中液体标签放置在页面或帖子中。这是插件的链接:https ://github.com/wildlyinaccurate/jekyll-responsive-image

它确实可以正常工作并为其生成响应式图像和适当的标签。

但是我在frontmatter上有一个图片链接,对于每个发布页面,这个链接都会在发布页面的顶部打印一张图片,我希望这张图片也被视为响应式图片,不能在frontmatter上添加液体标签,结果帖子页面顶部的所有图像都没有响应,有没有办法让它工作?

这是我的一篇文章的frontmatter示例:

这是我在帖子中使用的首要标签:

谢谢您的帮助

0 投票
1 回答
192 浏览

html - 当我发布到 Netlify 时,Hugo 不会渲染前端变量

我正在构建一个 hugo 博客站点,并且我有一些要在布局中呈现的前沿问题。当我在 localhost:1313 上查看结果时,我可以看到前面的内容正在填充,但是当我在 Netlify 上托管网站时,前面的内容和部分文件不会呈现。

我不确定还能做什么。我已清除控制台中的所有错误,确保我的内容文件与布局文件等匹配。

有什么帮助吗?

这是实时 netlify 站点的链接:https ://stoic-meninsky-a5758a.netlify.app/

这是我的目录结构:

这是从我的一个内容降价文件中提取的示例文件:

这就是我所说的前端问题:<p>{{ .Params.newsletter }}</p>

这就是我遍历部分页面以获取导航栏的方式

0 投票
1 回答
899 浏览

markdown - 在 Netlify CMS 的 markdown 字段中嵌入 youtube 视频

我正在开发一个使用 Next.js(静态/预渲染)和 Netlify CMS 来管理内容并运行博客的网站。

对于每篇博客文章,我都有一些字段,例如标题、作者等,它们是字符串字段,并且我有一个 Markdown 字段,其中包含来自所见即所得编辑器的富文本,用于我的帖子的全部内容,允许贡献者选择结构帖子,添加图片等。

我需要能够在该富文本中嵌入 youtube 视频(贡献者需要能够在帖子中的任何位置添加视频)。知道我该怎么做吗?

谢谢

0 投票
1 回答
393 浏览

shortcode - 如何从自定义标签(简码)的代码中访问 11ty 中的页面前端数据?

在 Eleventy (11ty) 中,页面源可以在其前端定义自定义数据。例如:

其中自定义标签(在 Eleventy 中也称为短代码)正在根据配置的函数处理程序生成额外的内容:

如何在自定义标签(简码)的代码中访问页面前端数据?

我想要实现的是定义一个具有可选参数的自定义标签(短代码)。如果没有提供参数,则在 front-matter 中搜索参数:

myCustomTag处理函数:

0 投票
1 回答
180 浏览

php - 将自定义 HTML 属性添加到 Grav 生成表单的按钮

我创建了一个带有以下页脚的 Bootstrap 表单:

在 Grav 中,我创建了一个样式类似于我的 Bootstrap 表单的表单。我使用了官方文档。要关闭模式和表单,我需要将自定义属性添加data-bs-dismiss="modal"到 Grav 生成的按钮中:

我的示例代码不起作用。

如何在表单 frontmatter 中添加自定义属性,以便 Grav 使用按钮生成它?

没有文档说明 Grav 表单插件接受了哪些附加属性或值,所以我不知所措。只需单击屏幕上的任何位置都可以,但我不能指望所有不懂技术的用户都知道这一点,所以我还需要一个按钮。

0 投票
1 回答
68 浏览

yaml-front-matter - 将 og 图像添加到 VitePress

我已经看到在 VitePress.md文件中,您可以像这样添加元描述和关键字,

但我似乎无法弄清楚如何添加og:titleor og:image,编译时似乎会:引发错误。

0 投票
1 回答
145 浏览

yaml-front-matter - 十一、frontmatter 数据未评估

我有一个看起来像这样的模板:

当我渲染网站时,网站看起来像这样:

我真的希望value参数具有预期值。

据我所知,这种事情应该有效。我想使用这种技术来计算永久链接。我的想法基于https://www.11ty.dev/docs/permalinks/

我正在运行 110 0.12.1

我尝试过的事情:

  • yaml、json 和 js 前端
  • 降价模板
  • njk 模板
  • 从文档中逐字复制粘贴示例代码

在这一点上,我认为 Eleventy 可能有一个错误

0 投票
1 回答
545 浏览

jekyll - 如何使用 Pandoc 将 Word 转换为 Markdown

我想将 Word 文档转换为 Markdown,以便将结果与 Jekyll 一起使用。

这部分有效:

但是,pandoc 不会生成 (YAML) Front Matter 块,而且我找不到执行此操作的命令行选项。这是否可能,还是仅适用于 Latex 或其他格式?

0 投票
1 回答
171 浏览

graphql - 当 .mdx 位于 /pages/ 目录之外时,gatsby-plugin-image 和 GraphQL 无法识别我的图像 frontmatter

背景:

我正在/src/content/使用页面布局模板以编程方式创建带有 .mdx 文件的页面。一切正常,直到我需要从 .mdx 文件的 frontmatter 中获取图像,格式如下:

示例:/src/content/.../.../hello-world.mdx

我在我的gatsby-config.js. 此外,我gatsby-config.js使用 gatsby-source-filesystem 的选项设置了我的文件,以在 .mdx 文件中查找 .mdx 文件/src/content

问题:

Gatsby在此声明“任何包含图像的 GraphQL 文件对象都将具有一个 childImageSharp 字段,您可以使用该字段来查询图像数据。” 然而,这对我来说并没有发生: 在此处输入图像描述

它只是将image:frontmatter 中的键视为字符串,而从不给它childImageSharp字段。试图通过写出字段来强制查询只会导致错误。

然而!!!

如果我使用相同的 .mdx 文件并将其放入/src/pages突然 gatsby-plugin-image 开始正常运行并提供以下childImageSharp字段:

在此处输入图像描述

为什么?

更新:将 .mdx 文件放入/src/content/作品中,childImageSharp 字段出现在 GraphQL 中,但 .mdx 文件放置在更深的位置(例如:)src/content/recipes/guacamole/不起作用。

0 投票
2 回答
1176 浏览

php - 尝试读取数组上的属性“标题”(错误异常)Laravel Php

当我尝试运行以下命令时,它会给出无法读取数组标题的错误异常。你能告诉我如何解决这个问题吗?

**我来自 app/models 的邮政编码如下 **

我的路线类代码是

据我所知,代码是正确的,我只是不知道是否需要添加一些东西或做一些事情来使错误消失。