github - 如何在Jekyll上添加更多内容

Question

我有一个GitHub托管的网站，该网站当前使用Jekyll主题，并在HTML上运行。问题是我必须放

---
layout: default
---

从一开始，就是要照顾好头部。但是现在，我无法像需要使用的重要脚本那样在头上添加任何内容。如果有人对此有经验，该怎么办？

Answer 1

我找到了解决此on Jessica Reel's blog的方法。

在您的default.html布局中，在您的头部(或者更好的是在您 body 的尽头，除非您的脚本需要放在头部)，请添加以下内容:

  {% if page.custom_js %}
    {% for js_file in page.custom_js %}
      <script type="text/javascript" src="{{ site.baseurl }}/assets/js/{{ js_file }}.js"></script>
    {% endfor %}
  {% endif %}

然后在页面的最前面添加:

custom_js:
- example-js-file-1
- example-js-file-2

完全相同的原理对CSS也适用。

由于使用嵌套布局，最终我在自己的网站上走了一步。 Jekyll 3 so has a separate variable namespace for layout variables，因此在主布局的 head中，我首先指定布局的自定义CSS，然后指定页面的自定义CSS:

{% if layout.custom_css %}
  {% for stylesheet in layout.custom_css %}
  <link rel="stylesheet" href="/assets/css/{{ stylesheet }}.css">
  {% endfor %}
{% endif %}
{% if page.custom_css %}
  {% for stylesheet in page.custom_css %}
  <link rel="stylesheet" href="/assets/css/{{ stylesheet }}.css">
  {% endfor %}
{% endif %}

因此，您可以看到它从布局的首页应用了自定义css，然后从特定页面的首页应用了自定义css，从而使东西从常规样式正确过渡到特定样式。