Vandaag hebben we ervoor gezorgd dat er een extra menu item is op mijn blog. En dat in nog geen kwartier. Ik had eigenlijk verwacht dat het langer zou duren. Wel, langs de andere kant betekent dat dat het framework Hugo dat ik gebruik enorm goed is.

Ik had al eerder een extra menu item aangemaakt voor de Over mij pagina, maar dat was voor slechts 1 pagina. In het geval dat het over slechts 1 pagina gaat is het vrij simpel en kan de menutitel gewoon in de hoofding van het het markdown bestand zetten. Op deze manier dus:

+++
menus = 'main'
title = 'Over mij'
+++

Hier zie je een reeks van sleutel/waardes. Twee om precies te zijn. De eerste geeft aan in welk menu de link naar de pagina moet komen. De tweede geeft aan welke tekst deze link moet hebben.

Nu is dit slechts voor het toewijzen van een menu item aan één pagina binnen mijn blog. Je klikt op de link. Je gaat naar de pagina en die pagina heeft een tekst. Volledig dus geeft dit de code voor de Over mij pagina

+++
menus = 'main'
title = 'Over mij'
+++

Ik ben Pieter Van keymeulen en dit is mijn blog. Eigenlijk is er niet veel meer te zeggen. 
Ik heb ook niet echt een speicaal doel met d...

Voor mijn blog over programmeren wil ik echter iets anders. Ik wil dat er één menu item is genaamd coding en dat, wanneer je daarop klikt, je een lijst te zien krijgt met alle blog posts die ik gemaakt heb. Je kan daarna doorklikken naar een specifieke post. Daarvoor moeten we iets speciaals doen met het algemene configuratiebestand dat in de code van deze blog zit. Dit moet namelijk toegevoegd worden.

[menus]
    [[menus.main]]
        name = 'Coding'
        pageRef = '/coding'
        weight = 20

Hier definieer ik een extra item in het hoofdmenu met de naam Coding aangegeven door name. pageRef geeft aan naar welke map Hugo moet kijken. In dit geval heb ik alle tekst voor mijn blogposts in de map /coding gestoken. weight duidt aan in welke volgorde het menuitem moet komen.

Meer info op de Hugo menu documentatie