问题标签 [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.
jekyll - 使用 jekyll 在帖子顶部的响应式图像
我最近开始学习 jekyll,并在 localhost (win 7) 上生成页面,我安装了一个插件,可以生成响应式图像和 HTML 标签,其中液体标签放置在页面或帖子中。这是插件的链接:https ://github.com/wildlyinaccurate/jekyll-responsive-image
它确实可以正常工作并为其生成响应式图像和适当的标签。
但是我在frontmatter上有一个图片链接,对于每个发布页面,这个链接都会在发布页面的顶部打印一张图片,我希望这张图片也被视为响应式图片,不能在frontmatter上添加液体标签,结果帖子页面顶部的所有图像都没有响应,有没有办法让它工作?
这是我的一篇文章的frontmatter示例:
这是我在帖子中使用的首要标签:
谢谢您的帮助
html - 当我发布到 Netlify 时,Hugo 不会渲染前端变量
我正在构建一个 hugo 博客站点,并且我有一些要在布局中呈现的前沿问题。当我在 localhost:1313 上查看结果时,我可以看到前面的内容正在填充,但是当我在 Netlify 上托管网站时,前面的内容和部分文件不会呈现。
我不确定还能做什么。我已清除控制台中的所有错误,确保我的内容文件与布局文件等匹配。
有什么帮助吗?
这是实时 netlify 站点的链接:https ://stoic-meninsky-a5758a.netlify.app/
这是我的目录结构:
这是从我的一个内容降价文件中提取的示例文件:
这就是我所说的前端问题:<p>{{ .Params.newsletter }}</p>
这就是我遍历部分页面以获取导航栏的方式
markdown - 在 Netlify CMS 的 markdown 字段中嵌入 youtube 视频
我正在开发一个使用 Next.js(静态/预渲染)和 Netlify CMS 来管理内容并运行博客的网站。
对于每篇博客文章,我都有一些字段,例如标题、作者等,它们是字符串字段,并且我有一个 Markdown 字段,其中包含来自所见即所得编辑器的富文本,用于我的帖子的全部内容,允许贡献者选择结构帖子,添加图片等。
我需要能够在该富文本中嵌入 youtube 视频(贡献者需要能够在帖子中的任何位置添加视频)。知道我该怎么做吗?
谢谢
shortcode - 如何从自定义标签(简码)的代码中访问 11ty 中的页面前端数据?
在 Eleventy (11ty) 中,页面源可以在其前端定义自定义数据。例如:
其中自定义标签(在 Eleventy 中也称为短代码)正在根据配置的函数处理程序生成额外的内容:
如何在自定义标签(简码)的代码中访问页面前端数据?
我想要实现的是定义一个具有可选参数的自定义标签(短代码)。如果没有提供参数,则在 front-matter 中搜索参数:
和myCustomTag
处理函数:
php - 将自定义 HTML 属性添加到 Grav 生成表单的按钮
我创建了一个带有以下页脚的 Bootstrap 表单:
在 Grav 中,我创建了一个样式类似于我的 Bootstrap 表单的表单。我使用了官方文档。要关闭模式和表单,我需要将自定义属性添加data-bs-dismiss="modal"
到 Grav 生成的按钮中:
我的示例代码不起作用。
如何在表单 frontmatter 中添加自定义属性,以便 Grav 使用按钮生成它?
没有文档说明 Grav 表单插件接受了哪些附加属性或值,所以我不知所措。只需单击屏幕上的任何位置都可以,但我不能指望所有不懂技术的用户都知道这一点,所以我还需要一个按钮。
yaml-front-matter - 将 og 图像添加到 VitePress
我已经看到在 VitePress.md
文件中,您可以像这样添加元描述和关键字,
但我似乎无法弄清楚如何添加og:title
or og:image
,编译时似乎会:
引发错误。
yaml-front-matter - 十一、frontmatter 数据未评估
我有一个看起来像这样的模板:
当我渲染网站时,网站看起来像这样:
我真的希望value
参数具有预期值。
据我所知,这种事情应该有效。我想使用这种技术来计算永久链接。我的想法基于https://www.11ty.dev/docs/permalinks/
我正在运行 110 0.12.1
我尝试过的事情:
- yaml、json 和 js 前端
- 降价模板
- njk 模板
- 从文档中逐字复制粘贴示例代码
在这一点上,我认为 Eleventy 可能有一个错误
jekyll - 如何使用 Pandoc 将 Word 转换为 Markdown
我想将 Word 文档转换为 Markdown,以便将结果与 Jekyll 一起使用。
这部分有效:
但是,pandoc 不会生成 (YAML) Front Matter 块,而且我找不到执行此操作的命令行选项。这是否可能,还是仅适用于 Latex 或其他格式?
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/
不起作用。
php - 尝试读取数组上的属性“标题”(错误异常)Laravel Php
当我尝试运行以下命令时,它会给出无法读取数组标题的错误异常。你能告诉我如何解决这个问题吗?
**我来自 app/models 的邮政编码如下 **
我的路线类代码是
据我所知,代码是正确的,我只是不知道是否需要添加一些东西或做一些事情来使错误消失。