Question

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

我想创建一个单页网站，如下例所示：
http://gravstrap.diblas.net/gravstrap-theme-simple-page-example

我查看了解释如何操作的brief blog post以及the project git repo上的源代码示例。

我很难完成该怎么做，因为博客帖子所说的内容似乎与我在示例中看到的完全不同（特别是如何使用 id 事情）。

Answer 1

我终于明白了：

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

默认情况下，部分将按文件夹的名称排序。您可以通过在 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]

如何使用gravstrap制作单个网站页面？

1 个答案: