Posts

Mastering Hugo: Pro Tips for Crafting Effective Archetypes Hugo is a fast static site generator that allows developers to build websites with ease. One of its standout features is archetypes—templates that streamline content creation. Whether you’re managing a blog, documentation, or a portfolio, archetypes save time and enforce consistency. Here’s how to leverage them like a pro: Customize the Default Archetype Hugo’s default archetypes/default.md is a starting point, but tailor it to your needs. For example, add common front matter fields like description, tags, or featured_image: ...

Profile mode without navbar Even with some pages created, my profile mode was not showing my pages at any place I was strugling to change this, so I started to dive into the papermod internal code. I figured out that we can siimply change the config adding the main section The variable papermod tries to find to show the navbar is site.Params.mainSections so, go to your hugo.yaml, anf add that: ...

Introduction PaperMod is a popular Hugo theme known for its clean design and flexibility. When using profileMode, the default setup does not display a list of pages. If you want to add a section that lists your pages (e.g., About, Contact, Projects), follow this guide. Enabling Profile Mode Ensure that profileMode is enabled in your site’s configuration file (config.yaml or config.toml): [params.profileMode] enabled = true title = "Your Name" # Customize your title subtitle = "Your tagline or description" imageUrl = "images/profile.jpg" buttons = [ { name = "Blog", url = "/posts/" }, { name = "Projects", url = "/projects/" } ] Creating a Pages Section To display a list of pages below your profile, modify layouts/partials/profile.html. Add the following snippet after the existing profile block: ...