我正在将 Mozilla Nunjucks 模板系统用于具有多个页面的静态网站。出于某种目的,我想body
为每个不同的页面添加一个类来标记
关于我们页面 ><body class="about">
主页 ><body class="home">
如果我将标签保留在每个页面中,我可以很容易地做到这一点,body
但我想将body
标签保留在我将用于所有页面的模板中。
我想有条件地改变课程。
我正在将 Mozilla Nunjucks 模板系统用于具有多个页面的静态网站。出于某种目的,我想body
为每个不同的页面添加一个类来标记
关于我们页面 ><body class="about">
主页 ><body class="home">
如果我将标签保留在每个页面中,我可以很容易地做到这一点,body
但我想将body
标签保留在我将用于所有页面的模板中。
我想有条件地改变课程。
{% set bodyClass = "pageClass" %}
<body{% if bodyClass %} class="{{ bodyClass }}"{% endif %}>
它不是完全动态的,但您可以在页面模板中设置变量并在条件中使用这些变量来设置正文类。
布局.nunjucks
{% if pgHome %}
<body class="home">
{% elif pgAbout %}
<body class="about">
{% else %}
<body class="page">
{% endif %}
home.nunjucks
{% extends "layout.nunjucks" %}
{% set pgHome = true %}
Homepage Markup
...
尝试这个:
布局:
<body class="{%block bodyClass %}{% endblock %}">
页:
{% block bodyClass %} about {% endblock %}