Grav - 模块化页面
模块化页面一开始很难理解,但一旦你了解它,就会很容易使用。它允许从其子页面创建单个页面。它能够从模块化内容页面构建复杂的单页布局。
模块化页面被设置为不可路由,因为它们无法通过 URL 直接访问。它们由文件夹名称前的 _(下划线)标识。它是页面的集合,每个页面一个接一个地显示以获得单个页面。例如,user/pages/home/_header.。
文件夹结构
如果是单页框架,您可以在 01.home 文件夹中找到此页面。在这里,您将获得一个模块化 .md 文件,该文件告诉必须包含哪些页面以及要显示的页面顺序。您可以在当前主题文件夹中找到 modules.html.twig。
在下图中,您可以看到为模块化页面创建的文件夹结构。
![Grav Modular Pages](/grav/images/grav-modular-pages/grav-modular-page-image(1).jpg)
每个子文件夹必须包含一个描述 markdown 文件的 .md 文件。
首先,您必须在 /users/pages/01.home 文件夹中创建子文件夹。接下来,每个文件夹必须包含一个 .md 文件和一个 modular.md 文件。
创建子文件夹时,图像和文件都必须位于同一文件夹中。
如何创建模块化页面
要创建模块化页面,您必须遵循给定的步骤。
步骤 1 − 在 /user/pages/01.home/ 文件夹中创建几个页面。在下图中,您可以看到我们创建了两个文件夹以及一个 functional.md 文件。
![Grav Modular Pages](/grav/images/grav-modular-pages/grav-modular-page-image2.jpg)
步骤 2 −要创建模块化页面,您必须在每个文件夹中创建一个文件并将其命名为 text.md。
![Grav Modular Pages](/grav/images/grav-modular-pages/grav-modular-page-image3.jpg)
步骤 3 − 接下来,在 text.md 文件中添加代码,保存并运行。
示例
将所有四个页面保存为 .md 文件。这里我们创建了 4 个页面,并分别命名为 text.md、text1.md、text2.md 和 text3.md。
--- title: Bio-diversity --- ## Bio-diversity Biodiversity refers to the variety of life. It is seen in the number of species in an [ecosystem](https://simple.wikipedia.org/wiki/Ecosystem) or on the entire [Earth] (https://simple.wikipedia.org/wiki/Earth). Biodiversity gets used as a measure of the health of biological systems, and to see if there is a danger that too many species become[extinct](https://simple.wikipedia.org/wiki/Extinct).
现在,创建 4 个页面,将它们添加到 emplates\modular 文件夹中,如下所示。
![Grav Modular Pages](/grav/images/grav-modular-pages/grav-modular-page-image6.jpg)
接下来,转到主页并刷新,您可以看到更改。
![Grav Modular Pages](/grav/images/grav-modular-pages/grav-modular-page-image5.jpg)
在新的导航栏中,您可以看到四个文件链接。