时间戳

首页 > 解决方案 > 如何使用 Gravstrap 制作单个站点页面？

content-management-system - 如何使用 Gravstrap 制作单个站点页面？

问题描述

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

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

我查看了简短的博客文章，解释了如何做到这一点，还查看了项目 git repo的源代码示例。

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

标签： content-management-systemgrav

解决方案

我终于让它工作了：

使用模板创建一个页面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]

推荐阅读