如何将 css class 添加到特定的 text.md 文件

How to add css class to specific text.md file

我正在使用 Grav 模块化页面构建网站，但找不到如何定位特定模块以添加 css class。

我找到了这个 https://learn.getgrav.org/16/content/media 但不知道是否有办法做到这一点。

我想要实现的是为页面中的每个模块 div 设置不同的背景。

在模板中：所有模块共享 class

正如模块所暗示的那样，为了显示，浏览该父级的 Twig 模板中的父级页面集合，您可以在其中添加任何 HTML 和 CSS。

例如，这是循环遍历集合的一种方法：

{% for module in page.collection %}
    <section class="module">
        {{ module.content }}
    </section>
{% endfor %}

在模板中：具体 class

您可以通过使用 Twig 变量自定义 CSS class。最安全的方法是使用页面的 slug，它已经转义了字符：

{% for module in page.collection %}
    <section class="module_{{module.slug}}">
        {{ module.content }}
    </section>
{% endfor %}

降价中

您可以使用已经存在的选项来定义 CSS :

classes: module1

然后在 Twig 中使用它，使用 header() 函数：

{% for module in page.collection %}
    <section class="module_{{module.header.classes}}">
        {{ module.content }}
    </section>
{% endfor %}

针对特定模块

现在，要针对 Twig 中的特定模块，您必须导入一个页面。

这是访问其他页面或子页面内容的通用方法：

{% set imported_page = page.find("/route/to/the/page") %}

然后您可以使用 header() 和 content() 函数来访问该导入页面的前言和内容：

    <section class="module_{{imported_page.header.classes}}">
        {{ imported_page.content }}
    </section>