Jekyll 液体语法是否包含额外的液体语法?
我正在尝试使用D.R.Y.方法重构我的站点,其中一部分是使用液体语法来帮助 目前,一切都与我在这里拥有的东西相匹配: 页面内部.htmlJekyll 液体语法是否包含额外的液体语法?,jekyll,liquid,jekyll-bootstrap,Jekyll,Liquid,Jekyll Bootstrap,我正在尝试使用D.R.Y.方法重构我的站点,其中一部分是使用液体语法来帮助 目前,一切都与我在这里拥有的东西相匹配: 页面内部.html --- 布局:默认值 那也很好用。但是,我必须创建几个页面来从中提取,而不是仅仅引用passname来获取正确的.md页面(我希望我在这里讲得通,如果我没有讲得通,请道歉)。那页看起来像这样 card post.ui.html --- 该页面上的html是: <div class="container-fluid"> <div cla
---
布局:默认值
那也很好用。但是,我必须创建几个页面来从中提取,而不是仅仅引用passname来获取正确的.md页面(我希望我在这里讲得通,如果我没有讲得通,请道歉)。那页看起来像这样
card post.ui.html
---
该页面上的html是:
<div class="container-fluid">
<div class="col-lg-12 mx-auto row d-flex justify-content-center mt-3" style="max-width: 1400px">
{% for post in site.categories.ui %}
<div class="card col-sm-12 col-lg-3 m-2">
<div class="card-body d-flex flex-column">
<div class="media">
<div class="d-flex mr-3">
<a href="{{ post.url }}">
<img width="40" height="40"
class="rounded-circle"
src="/assets/img/{{ post.image }} " alt="{{ post.title }}" />
</a>
</div>
<div class="media-body">
<h6 class="mb-1">{{ post.title }}</h6>
</div>
</div>
<div class="d-flex flex-column" style="height: 105px;">
<div class="p-2">
<p class="text-muted">{{ post.excerpt }}</p>
</div>
</div>
<div class=" flex-column align-items-end">
<button type="button" class="btn btn-secondary btn-sm btn-block" onclick="location.href = '{{ post.url }}';">View project</button>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
需要(这是我不知道该怎么做的地方)
这会引发一个错误:
Liquid Warning: Liquid syntax error (line 23): Unexpected character { in "post in site.categories.{{ page.passname }}" in /_layouts/page-internal.html
所以我的问题是,我如何从said.md post(在本例中为design ui.md
)获取密码,并将其放入{%for post in site.categories.ui%}
中,其中ui
一词取决于.md
我希望我说的都是对的,如果没有,我道歉。你的循环语法
{%for post in site.categories.{page.passname}}%}
不正确:
您可以使用括号符号进入您的类别:
{%for post in site.categories[page.passname]}
---
layout: default
---
<div>
<div class="d-flex" style="background-color: #e9ecef;">
<div class="jumbotron mx-auto mb-0 py-3 px-5" style="max-width: 1200px">
<div class="col-lg-12 p-3 mx-auto">
<img width="50" height="50"
class="rounded-circle float-left mr-2"
src="/assets/img/internal/{{ page.image }}" />
<h1 class="display-4">{{ page.title | escape }}</h1>
<p class="lead">{{ content }}</p>
</div>
</div>
</div>
<div>
<div class="d-flex justify-content-center">
{% include card-post-{{ page.passname }}.html %}
<div class="container-fluid">
<div class="col-lg-12 mx-auto row d-flex justify-content-center mt-3" style="max-width: 1400px">
{% for post in site.categories.ui %}
<div class="card col-sm-12 col-lg-3 m-2">
<div class="card-body d-flex flex-column">
<div class="media">
<div class="d-flex mr-3">
<a href="{{ post.url }}">
<img width="40" height="40"
class="rounded-circle"
src="/assets/img/{{ post.image }} " alt="{{ post.title }}" />
</a>
</div>
<div class="media-body">
<h6 class="mb-1">{{ post.title }}</h6>
</div>
</div>
<div class="d-flex flex-column" style="height: 105px;">
<div class="p-2">
<p class="text-muted">{{ post.excerpt }}</p>
</div>
</div>
<div class=" flex-column align-items-end">
<button type="button" class="btn btn-secondary btn-sm btn-block" onclick="location.href = '{{ post.url }}';">View project</button>
</div>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
{% for post in site.categories.ui %}
{% for post in site.categories. {{ page.passname }} %}
Liquid Warning: Liquid syntax error (line 23): Unexpected character { in "post in site.categories.{{ page.passname }}" in /_layouts/page-internal.html