1

Hugoを使ってメニューが深いサイトを作りたいです。子アイテムの親を新しい下位レベルのアイテムにする機能が必要です。このサイトのチュートリアルを使ってみました。 https://codingnconcepts.com/hugo/nested-menu-hugo/

1 レベルのサブメニューを作成することはできますが、サブページを自動的に作成し続けることができるロジック システムが必要です。

<nav class="nav">
    <ul class="menu">
        {{ range .Site.Menus.main }}
        <li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
            <span>{{ .Name }}</span>
            {{ if .HasChildren }}
            <span class="drop-icon" for="{{ .Name }}">▾&lt;/span>
            <ul class="sub-menu">
                {{ range .Children }}
                <li class="{{ if $currentPage.HasMenuCurrent "main" . }}active{{ end }}">
                    <span>{{ .Name }}</span>
                </li>
                {{ end }}
            </ul>
           {{ end }}
        </li>
        {{ end }}
    </ul>
</nav>

上記のサンプルでは 1 つのサブメニューが作成されますが、2 つのレベルを機能させる方法がわかりません。

4

1 に答える 1