Jekyll，在 html 中包含带有布局的降价

Question

我有一个由几张“幻灯片”组成的网站。每个都有一个固定的结构，由一些脚本使用，但内容可变。我将它托管在 github 上，现在正在尝试使用 Jekyll 来更轻松地添加新幻灯片。

我已经将每张幻灯片放在不同的 html 文件中，我将其包含在主页中：{% include_relative _slides/about.html %}。现在我正在尝试将其制作为降价文件，并且我想使用 front matter 来制作每个幻灯片文件都可以使用的布局。我可以包含一个降价文件，并通过以下方式进行渲染：

{% capture myInclude %}{% include_relative _slides/test.md %}{% endcapture %}
{{ myInclude | markdownify }}

但是，当我向其中添加一个定义了布局的前端块时，该布局不会被应用。它只是呈现为一条水平线（对于第一个 ---），然后以纯文本形式呈现“布局：幻灯片标题：测试幻灯片 —”。

有没有办法解决这个问题？或者也许是分解我的 index.html 和其中的幻灯片的更好方法？

非常感谢！

注意：抱歉，如果之前有人问过这个问题，我在 Google 上搜索了所有我能想象到它会被调用的内容。

Answer 1

我找到了适合我的东西。我将模板分为两部分，内容上方的部分和内容下方的部分。然后在我包含的文件中，也有两个包含，一个在顶部，一个在底部。

所以我的“幻灯片”文件如下所示：

{% include slide_start.html title="About" image="images/about.jpg" %}

... the content of the slide ...

{% include slide_end.html %}

如您所见，在第一个include中我给出了一些参数，这些将被填写并可以通过液体标签{{ include.something }}访问。

我的 slide_start.html 看起来像：

<div class="slide">
    <div class="header">
        <span>{{ include.title }}</span><!-- no whitespace
     --><img src="{{ include.image }}" alt="{{ include.title }}"/>
    </div>

    <div class="content" markdown="1">

slide_end.html 只是两个关闭的div 标签。

Answer 2

您正在尝试混合使用 page/post 和 include 策略。

1. 页面/帖子有一个前端，并用模板装饰，模板本身可以装饰。 `mypage.html -> 布局：页面 -> 布局：默认。
2. 包含 包含在页面/帖子中，但它们只是代码部分。它们不能用模板装饰。

你必须选择。

在https://github.com/shower/jekyller 上试一试，这会很有帮助。