So I went through the docs and copied down some of the menu settings, which mostly works with showing menu entries, and linking to external ones but I can’t seem to link to content I’ve created. So I generated a page titled about.md and put an entry for it in the config.toml but when the entry is clicked on in hugo server I get a blank page. Can someone let me know what piece I’m missing?
Config.toml
[menu]
[[menu.main]]
name = "About"
identifier = "menu.about"
url = "about/"
[[menu.main]]
name = "Merch"
identifier = "menu.merch"
url = "https://www.redbubble.com/"
Header:
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<!-- Nav bar headers -->
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav me-auto mb-2 mb-md-0">
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
<li class="nav-item">
<a class="nav-link {{ if $currentPage.HasMenuCurrent "main" . }}active" aria-current="page {{ end }}" href="{{ .URL }}">{{ .Name}}</a>
</li>
{{ end }}
</ul>
</div>
</div>
</nav>
Page front matter
+++
title = "About"
date = 2022-08-25T15:14:52-04:00
draft = false
+++