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

Question

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

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

我看了brief blog post explaining how to do it and also at the source code example on the project git repo。

我很难理解具体要做什么，因为博客-post 所说的内容似乎与我在示例中看到的完全不同（尤其是如何 link 页面到菜单带有 id 的项目）。

Answer 1

我终于让它工作了:

使用模板 page_navbar_interne 创建一个页面，将 sub-pages 创建为 modular，每个 sub-page 将成为一个部分。

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

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

要显示导航到各部分的菜单，您必须在 header 模块中使用 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 制作单个站点页面？

How to make a single site page with gravstrap?

content-management-system

grav