将多个内容从布局传递到页面

Question

我想知道是否有办法将动态命名内容从布局传递到页面。

例如，

布局

<body>
    <div class="container">
        {{ content }}
    </div>
    <footer>
        <p>&copy; Company 2015</p>
    </footer>
    <script src="path/to/jquery.js"></script>
    {{ page.other_content }}<!-- Objective: To write scripts that varies with page -->
</body>

第

页

--- 
layout: default
title: About Us Page
---

<p> This is about us page </p>

{% capture other_content %}
<script>
    $(document).ready(function(){
        console.log("About us page.");
    });
</script>
{% endcapture %}

有没有办法从布局中呈现页面中的多个内容部分？

在 ASP.NET 我们可以做到这一点是布局页面。

@RenderSection("scripts", required: false)

在内容页面中，我们可以像这样呈现该部分。

@section scripts {
    Hey I'm actually on the _Main layout. 
    I can vary according to the page.
    My presence is not mandatory in every page
}

这可以用 jekyll 完成吗？

Answer 1

GitHub 页面不允许插件，所以我会坚持使用 vanilla Jekyll 解决方法。您当然可以使用插件，在本地生成您的网站并将结果托管在 GitHub.

这很丑陋，但有可能。保持布局不变：

<body>
  <!-- varies with page -->
  {{ page.other_content }}
</body>

然后在你的页面文件中，在前面定义属性 other_content：

---
other_content: |
  <script>
    console.log("You can't stop me!");
  </script>
---

竖线字符denotes a multiline string. Per YAML's rules, your scripts must be indented by spaces (no tabs allowed).

如果您的脚本变得太大，您可以将它们移动到单独的文件中，页面的前面内容将改为引用脚本文件名：

---
scripts: [test]
---

布局中：

{% for s in page.scripts %}
<script src="{{ s }}.js"></script>
{% endfor %}

如果 test.js 与使用它的页面位于同一目录中，则此方法有效。可以使用site.baseurl获取绝对路径等

将多个内容从布局传递到页面

pass multiple content from layout to page

jekyll

github-pages