问题标签 [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 投票
2 回答
778 浏览

markdown - jekyll中的markdownify帖子标题

可以在帖子标题上呈现 Markdown 吗?例如:

我想要那个输出

0 投票
1 回答
246 浏览

jekyll - 在一个 Jekyll 安装上运行两个单独的“博客”

我正在尝试在 Jekyll 中建立一个多博客用于我的写作,然后将另一个部分作为各种投资组合。

我的文件夹结构如下:

KT_文件夹结构

/blog我看到来自两个站点的帖子,即使我按类别分开。

有什么想法我可能在这里做错了吗?

0 投票
1 回答
653 浏览

yaml - Liquid - 解析字符串中的 YAML 前端内容

我正在运行一个 Jekyll 站点,该站点使用 JSON 作为我_data文件夹中的数据。我像往常一样遍历文件,做的事情就好{% for item in site.data.resources.items %}了。但是,我想解析字符串中的 YAML 前端问题。

例子:

\n---\nblog: http://google.com\nbackground-img: http://www.ew.com/sites/default/files/i/2013/07/23/Dumb-and-Dumber.jpg\nbuttonText: Download\n---\n

如何让 Liquid 在我的 Jekyll 站点中解析它,以便我可以像这样使用它:

<a href="{{blog}}"><img src="{{background-img}}>Image</a>

或类似的东西?

编辑:为了澄清,该字符串是我通过 ajax 调用检索的文本文件中的前置格式。所以那个字符串是我得到的响应,格式不会改变。我希望 Liquid 能够以某种方式解析这个字符串并寻找一个前端类型的格式。如果没有,我将恢复我的 JavaScript 方法。

0 投票
1 回答
148 浏览

erb - 如何访问中间人 4 中的文章布局数据属性?

我正在尝试从 Middleman 4 迁移我的博客。在我的 index.html.erb 文件中,我有这样的代码:

这在 Middleman 3 中运行良好,我可以根据每个帖子前面定义的布局属性使用不同的部分。

但是,在 Middleman 4 中,该layout属性在 article.data 中不再可见。

所有其他变量都在那里。到目前为止,完成这项工作的唯一方法是像这样声明 frontmatter:

并使用article.data.l而不是article.data.layout. 然而,这需要我重写所有的文章,似乎是多余的。

根据布局属性在索引页面上呈现不同部分的文章的正确方法是什么?

0 投票
1 回答
210 浏览

handlebars.js - BigCommerce 主题中所有页面上的 Front Matter 全局变量

当用户将鼠标悬停在我的导航中显示帐户信息(例如以前的订单)时,我正在尝试创建一个下拉菜单。

我正在使用模板/基石。我试过在page.html使用时声明一个 Front Matter Object

但这似乎不起作用,菜单拉客户订单的唯一地方是用户是否在帐户页面上。我需要它在所有页面上都可用,因为它是网站的主要导航。

菜单栏.html

(片段)

0 投票
1 回答
121 浏览

jekyll - GitHub Pages - frontmatter 导致页面中断

我正在/docs按照https://github.com/blog/2228-simpler-github-pages-publishing从我的文件夹中发布页面

如果我在页面上包含这个头条内容,构建就会中断。

该页面已构建,但仅包含来自<body>元素的数据。没有标题,没有样式表,只是乱码的 HTML。如果我使用layout: post.

在此处输入图像描述

如果我删除了这条线layout: page,那么一切正常。

根据 GitHub 文档 - https://help.github.com/articles/configuring-jekyll/ - 我应该能够在我的页面中使用这个frontmatter。

我错过了什么明显的东西?

0 投票
1 回答
3478 浏览

image - 在 jekyll 帖子的前面添加图像

使用 jekyll 时,如何将图像添加到前端的数据类型中,以便在博文列表中显示标题和日期。

0 投票
1 回答
443 浏览

layout - 在 Jekyll 的自定义布局中使用 post header 变量

我必须定义一个如图所示的帖子,它来自mylayout.html

我怎样才能有一个利用varAinmylayout.html的布局?我希望达到mylayout.html以下目标:

0 投票
1 回答
64 浏览

variables - 在 Jekyll 上自定义的 front matter var 不再起作用

我有一个问题,直到现在都可以正常工作的自定义前端变量。

我的页面中有这个:

这在一个包含的片段中: {% if page.has-cart == true %}lorem ispum{% endif %}

它不再起作用了。知道为什么吗?谢谢

0 投票
0 回答
431 浏览

html - 如何阻止 .md 文件在 jekyll 中生成 html 文件

我对杰基尔有点陌生。在我的项目中,我有几个 .md 文件(每个文件都与一个投资组合项目相关)。其中一些需要在构建时生成单独的 .html 文件(jekyll 已经这样做了)。但我想从创建单独的 html 文件中排除一些文件。

但重要的是,即使我想从创建单独的 .html 文件中排除这些 .md 文件,我仍然想使用这些文件的前面部分。(因为我正在使用 for 循环生成所有组合项目)

我尝试将这些 .md 文件添加到_config.ymlexclude。但这也将停止解析前面的问题。

jekyll有没有办法可以实现这一点。

编辑:

项目1.md

项目2.md

如果我有 2 个像上面这样的文件,我想将 project1.md 呈现为 .html 文件(因为它具有要在页面中显示的内容)而不是将 project2.md 生成为单独的文件。但我仍然想访问两个文件的前面事项以制作项目列表,例如,

我相信我可以使用 2 种类型的集合并设置outputtrue 一种类型的集合和false其他类型的集合。但我想知道是否有更清洁的方法,比如有条件地设置outputtruefalse依赖于一个前沿值。例如。output : (display)? true : false