Navbar: Best way to test what current page is

[zzo]

Maybe, this link would be helpful for you.

Another way to make a menu item active

I ran into a scenario recently where my menu item would be active when viewing my blog posts list page, but not when viewing an individual blog post. As an example, let’s say my config.toml menu looks like: [menu] [[menu.nav]] name = "Home" url = "/" weight = 1 [[menu.nav]] name = "Blog" url = "/post/" weight = 2 The “Blog” menu item is active when viewing the list page URL: /post/ But not when viewing a single page URL: /post/some-blog-post/ I solved it checki…

And I don’t get the point what’s the benefit hardcoded the menu.
The more general way is to make a menu.toml file in the config folder and use it something like this.

{{ range .Site.Menus.main }}
    <a href="{{ .URL | relURL }}">
        {{ safeHTML .Name }}
    </a>
{{ end }}

You can also active menu by compare the last URL element

{{ $lastUrlElement1 := index (last 1 (split (delimit (split .Permalink "/") "," "") ",")) 0 }}
 {{ $lastUrlElement2 := index (last 1 (split (delimit (split $currentURL "/") "," "") ",")) 0 }}
{{ if eq $lastUrlElement1 $lastUrlElement2 }}
  <div class="active"></div>
{{ end }}

You can set $currentURL outer scope of the range method