Navigation Issue

[peoray]

I’m trying to create a navigation for my blog where I will have a Home page for every article, a tutorial page for tutorials l.

I tried something already but in the Tutorial section, it’s different from how it looks on my Home page as the date it was published isn’t showing again.

Here is the link to my blog: ger-williams-3529d9.netlify.com/

[Leo_Merkel]

Not found

[peoray]

What’s not found?

[Yudy_Ananda]

check your blog link

[Leo_Merkel]

Click URL, check resulting page

[peoray]

Oh my! Terrible sorry for the wrong link
Here is the correct link: http://eager-williams-3529d9.netlify.com/

[Leo_Merkel]

Okay, now it works. To your question: Can you explain in a bit more detail please? How should your menu structure look like?

Example:

homepage
|-- articles
    |-- article1
    |-- article2
    |-- article3
|-- about
    |-- about myself
    |-- about my work
    |-- about anything else
|-- contact

And how do you want to link from where to where?

[peoray]

I want to have a navbar on the header where I will have a Home tab for everything, a tutorial tab for only tutorials, etc but not in the sense of different pages like Home, about, contact.

I don’t know if I’m descriptive enough. I can send you a link to my GitHub if you want?

[Leo_Merkel]

Just post the repo link here that others can jump in as well. Did you try the different menu options Hugo is offering out of the box?

Menu Templates

[peoray]

I tried everything. I wasn’t getting the result I wanted

Here is the GitHub link: https://github.com/peoray/My-Blog

[RickCogley]

Do you mean you want to list all your content on home, and have other index pages to list specific types of content, such as tutorials? So that, clicking the tutorials tab kind of “filters” the content shown on the body of the page, to just show tutorials?

[peoray]

OMG!! That’s exactly what I want to do

[peoray]

Although it’s kinda working, the only issue I’m getting is that when I click on the Months tab, the publish date is no longer showing

Emmanuel Raymond

[RickCogley]

The point is, what list template is being used for your home page, versus for your post page. Looks like different partials are being called, either page-stub or post-stub.

[Leo_Merkel]

If you want to see which template is used by Hugo these articles might help:

See which template is used by Hugo

Cool - Thx for sharing and your very good post! I prefer to see the chosen templates and partials as comments in the html. Include e.g. {{ <!-- _default/terms.html --> | safeHTML }} or {{ `<!-- partials/head.meta.html -->` | safeHTML }} in the templates and partials. To keep track in the blocks: {{- block "main" . }} {{ `<!-- block main _default/baseof.html -->` | safeHTML }} {{- partial "main.blog.date.html" . -}} {{- partial "main.toc.single.html" . -}} {{ `<!--…

My experiences with Hugo's template lookup order

I just want to share some of my experiences by testing the lookup order for templates. I tested these and wrote them down the same time. Nevertheless I could be wrong in some cases. So if you have better solutions or remarks please don’t hesitate to share. In this example we work with a sample directory hugo-docs and different layout variants. For this purpose we create this directory (content/hugo-docs) and also create an index.md (note the spelling!) in this directory. This index.md will lat…

[peoray]

I’m overwhelmed with your reply. I don’t really know much, most things I have done has been trial and error. If you can simplify things for me?

[peoray]

Honestly, I didn’t really understand anything from there

[Leo_Merkel]

Sorry, but there’s no other way than to learn Hugo if you want to customize things like you do. It’s not that hard. Begin with the videos from Mike on the Hugo website. Then there are several resources out on Youtube - just search.

[peoray]

Thanks. I was able to solve it. I changed the page stubs to post-stubs and it worked. The month tab was using the page-stub.