如何使用 Gravstrap 制作单个站点页面？答案

【问题标题】：How to make a single site page with gravstrap?如何使用 Gravstrap 制作单个站点页面？
【发布时间】：2018-05-10 21:35:20
【问题描述】：

我正在为 Grav CMS 使用主题 gravstrap。

我想做一个单页网站，就像这个例子：
http://gravstrap.diblas.net/gravstrap-theme-simple-page-example

我查看了 brief blog post 解释如何做到这一点，还查看了 the project git repo 上的源代码示例。

我很难理解到底该怎么做，因为博文所说的似乎与我在示例中看到的完全不同（尤其是如何将页面链接到具有 id的菜单项> 事情）。

【问题讨论】：

标签： content-management-system grav

【解决方案1】：

我终于搞定了：

使用模板page_navbar_interne创建一个页面，创建子页面为modular，每个子页面都会是一个section。

默认情况下，部分将按文件夹名称排序。您可以通过在 Frontmatter（专家模式）中添加此命令来对订单进行硬编码：

title: Single page website
published: true
slug: single-page-slug
content:
    items: '@self.modular'
    order:
        by: default
        dir: asc
        custom:
            - _header
            - _mySection2
            - _myOtherSection

要显示导航到各个部分的菜单，您必须在标题模块中使用 navbar2 而不是 navbar1。

[g-navbar id="navbar2" name=navbar2 fixed=top centering=none brand_text="…" render=false]
    [g-navbar-menu name=menu0 alignment="center" onepage=true attributes="class:highdensity-menu"][/g-navbar-menu]
    [g-navbar-menu name=menu1 icon_type="fontawesome" alignment="right" ]
        [g-link url="…" icon_type="fontawesome" icon="…"][/g-link]
        …
    [/g-navbar-menu]
[/g-navbar]

【讨论】：