问题标签 [yaml-front-matter]

我正在尝试将 html/markdown 添加到 VuePress 默认主题中的页脚变量。我想在链接到我的网站的页脚中添加 url。但是，我找不到将 url 添加到页脚的方法。你能告诉我我该怎么做吗？这是我的主要内容：

我怎样才能做到这一点？根据 Github 中的这个issue，这个功能仍然不可用，但是，必须有一个解决方法吗？

如何将我的前端内容用作 url 而不是文件名？

我在我的收藏夹中设置了一个集合_config.yml

我希望能够将其page.title用作我的网址，以下是我的首要任务

当前 url 是文件的文件名，.md如下所示：

http://localhost:4000/news/drake_and_morgan.html

我希望 url 的输出如下：

http://localhost:4000/news/Fracture-announces-exclusive-3-year-deal with-Drake-&-Morgan.或类似的。

为了有一个更干净的布局，我希望我的每篇文章都与所有必需的资产（如图像等）一起驻留在自己的目录中。使用雨果或任何类似工具可以做到这一点吗？如果是这样，怎么做？

问题是每个帖子旁边的文件不会被复制到与相应帖子的 html 文件相同的 www 导出目录中（或者，使用正确的最终位置重建的图像 url）。

我知道这个问题听起来有点复杂，但事实并非如此。
我会尽量用简单的方式解释它：

• 我正在为我的 Gatsby 网站的主页制作博客文章列表。

• 该列表由“框”组成，链接到帖子的每个框都有一个背景图像。

• 我将此背景图像传递给样式组件，它从我插入到主 < div > 元素中的道具值中获取图像（您将在下面找到示例）。

• 它工作正常，直到我尝试使用 src 下本地文件夹中的图像（而不是使用我简单地放在 frontmatter 上的在线链接）。

这是我过去所做的工作：
我将图像的 url 放在 markdown 文件的 frontmatter 上：

然后用graphql查询它：

之后，我将{node.frontmatter.imghero}插入到主 div 的道具上：

最后，我在 styled-component 中调用了img_background 属性：

这种方法有效。

现在我想从我的“图像”文件夹中获取图像，而不是从随机 url。

• 我安装了gatsby-remark-images
• 将其设置在 gatsby-config.js 上，并将某些图像的路径放在 frontmatter 上。
• 使用http://localhost:8000/___graphql测试所有内容（并且有效）

• 通过 graphql 插入附加查询：

  /li>

• 我使用新路径修改组件上的节点：

  /li>

• Gatsby Develop 编译良好。

但是后来我的主页完全是白色的。
浏览器的控制台说node.frontmatter.hero 是 "null"。我不知道还能做什么。

谢谢您的帮助。

编辑： 这个Github 存储库上有一个演示。

我需要根据帖子/页面（其 slug）更改我博客的主要布局 hero-image。
每个帖子都有一个英雄形象，设置在 frontmatter 信息中。

我尝试了所有方法，但是：
1. 要么它只显示相同的图像（我的上一篇文章）——如果我markdownRemark不重复回忆就会发生这种情况。
2. 或者它告诉我在迭代之后需要一个关键道具（我已经设置）allMarkdownRemark。

这是我最后一次尝试。我通过 GraphQl 获取数据，然后设置了一个条件（如果它是主页，它会显示我的主要英雄图像，否则它应该显示位于单个帖子的 frontmatter 信息中的图像）：

这是整个布局组件：

我遵循了每个指南，但仍然没有得到缺少的东西。我是新来的反应，而不是 javascript 方面的专家，如果这是一个菜鸟问题，我很抱歉。

提前感谢您的帮助。

我正在尝试将我的文档站点从 GitBook 切换到 Vuepress，但遇到了前端变量。在 GitBook 中，您只需在配置中添加变量，然后在页面上的任何位置使用它们作为{{ book.variable_name }}. 在 Vuepress 中，乍一看，事情似乎更棘手。

我需要配置几个在整个站点中使用的变量，因此将它们添加到每个页面将是一场彻头彻尾的噩梦。该文档没有说明如何配置前端变量，但有一个指向 Jekyll 站点的链接。在 Jekyll 网站上，我发现这篇文章正是我想要实现的。问题是我不知道如何在配置中使用此信息。

非常感谢任何帮助。我在官方回购中问了这个问题，但这没有帮助。

我目前正在使用 Jekyll 开发个人博客（使用此博客文章获取简单的设置指南）。我正在尝试重新使用一个 HTML 文件，以便一个 url"/"显示一些文本，而另一个 url"/posts"显示一些稍微不同的东西。为此，我试图设置一个仅适用于其中一个路径的路径，即主Font Matter Default路径_config.yml"/"。

这是我用来设置字体默认值的代码：

我面临的问题是path: ""适用于所有页面，因此我的变量display_num_posts将设置为5使用我的 HTML 文件的每个页面（"/"和"/posts"）。

我的问题：如何设置仅包含主页的路径？"/posts"网址中没有额外内容？

我试过在https://jekyllrb.com/docs/页面上搜索，但找不到答案。我也尝试设置path: "/"，但该路径根本不匹配任何 url。

我正在使用 Grav 并尝试根据当前活动语言从配置变量中动态选择要使用的特定数组。我知道我可以使用 if 和 else if 语句，但我不想这样做，因为每次添加另一个数组作为选项时，条件块的大小都会增加。

我知道在 Grav 中我可以{{~grav.language.getActive~}}用来打印当前活动的语言，但我想将该值用作 Grav 变量的另一部分。例如，

假设我的配置文件名为 video，存储在 user\config\ 中，如下所示：

我想访问值错误。（active_language_here）。

我努力了：

• {{ config.video.error.{{~grav.language.getActive~}} }}有一个错误说：预期的名称或号码。
• {{attribute(config.video.error, Language->getActive())}}有一个错误说： Unexpected token "operator" of value ">"

如果您需要更多信息，请告诉我！感谢您的帮助！

到目前为止，有没有办法在 Grav 中做到这一点？

我希望“自动”从 Jekyll 帖子中创建图像。无论是动态还是现场构建，我都不挑剔。我知道我可以从 html 和 css 创建图像，所以这一定是可能的，但我不确定在 Jekyll 中从哪里开始。据我所知，这似乎必须是在网站构建时，因为我不知道有什么方法可以使用静态页面返回图像哈哈。

假设我想从 Twig 模板中拆分元数据

我想出了/\A---\R(.+?\R)?---\R(.*)\Z/s哪个或多或少的问题，但我想知道它是否会在回溯中变得病态。