Тема Хьюго Мегакита | Как реализовать выпадающее меню?

Question

Я изо всех сил пытаюсь создать свой сайт с Хьюго. Большая часть понятна, но я не могу понять, как сделать выпадающее меню. Я использую тему и нашел еще одну версию , в которой есть некоторые небольшие функции, которые мне хотелось бы включить.

Бонусвопрос

• Как мне получить Megakitкнопку «Получить цитату»здесь в навигации по источнику Hugo?

Раскрывающееся меню: я поискал, но нашел другие структуры для подменю, и они мне не подходят. я добавилmain:в data/nav.yml ранее, но этого было недостаточно. Я пытался следовать этому руководству , но оно имеет другую структуру. Поскольку моей навигации нет в моем ../config.toml, я как бы застрял. Я могу предположить, что это также проблема html и css. Я искал на StackO и нашел это , что дает мне ту же информацию.

      menu:
  - name: "Menu Item 1"
    url: "/menu_item_1/"
  - name: "Menu Item 2"
    url: "/menu_item_2/"
  - name: "Menu Item 3"
    url: "/menu_item_3/"

HTML-код находится по адресу ../layouts/partials/nav.html и выглядит следующим образом:

              <nav class="navbar navbar-expand-lg px-0 py-4">
          <a class="navbar-brand" href="/">
            {{ .Site.Data.nav.logo.firstpart -}}<span> {{- .Site.Data.nav.logo.lastpart }}</span>
          </a>
    
          <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarsExample09"
            aria-controls="navbarsExample09" aria-expanded="false" aria-label="Toggle navigation">
            <span class="fa fa-bars"></span>
          </button>
    
          <div class="collapse navbar-collapse text-center" id="navbarsExample09">
            <ul class="navbar-nav ml-auto">
              {{ $current := . }}
              {{ range .Site.Data.nav.menu }}
                <li class="nav-item {{ if eq $current.RelPermalink .url }}active{{ end }}">
                  <a class="nav-link" href="{{ .url }}" {{ if .open_in_new_tab }}target="_blank"{{ end }}>{{ .name }}</a>
                </li>
              {{ end }}
            </ul>
          </div>
        </nav>