Hugo on clairecodes https://www.clairecodes.com/categories/hugo/ Recent content in Hugo on clairecodes Hugo -- gohugo.io en-gb Thu, 20 Jul 2023 15:50:10 +0100 How to Group Hugo Posts by Year https://www.clairecodes.com/blog/2023-07-20-how-to-group-hugo-posts-by-year// Thu, 20 Jul 2023 15:50:10 +0100 https://www.clairecodes.com/blog/2023-07-20-how-to-group-hugo-posts-by-year// Here’s how to group and count posts by year in Hugo, using the GroupByDate function. Within a list.html layout template: <ul> {{ range .Pages.GroupByDate "2006" }} <li>There were {{ len .Pages }} posts in the year {{ .Key }}</li> <!-- You can add another range here to get individual posts, for example: --> <!-- {{ range .Pages.ByTitle }} --> {{ end }} </ul> <div>There are {{ len .Pages }} total posts. Creating Custom Front Matter in Hugo Files https://www.clairecodes.com/blog/2021-02-19-creating-custom-front-matter-in-hugo-files// Fri, 19 Feb 2021 13:53:44 +0000 https://www.clairecodes.com/blog/2021-02-19-creating-custom-front-matter-in-hugo-files// Front matter is metadata found at the top of each Markdown post in a Hugo site. Front matter captures data associated with the post and is a powerful tool for personalising your Hugo site. This article explains how to customise the fields in the front matter. Let’s define some Hugo terminology first: content type - how Hugo defines and organises your content. For example, creating a file with the command hugo new posts/my-first-post. Meta Descriptions in Hugo Templates https://www.clairecodes.com/blog/2019-05-03-meta-descriptions-in-hugo-templates// Fri, 03 May 2019 15:35:48 +0100 https://www.clairecodes.com/blog/2019-05-03-meta-descriptions-in-hugo-templates// What is a meta description? A meta description is a summary of a webpage set in an HTML meta tag. It’s often displayed by search engines in their results as the page description, so it can have an impact on the page’s click-through rate. A relevant meta description can help improve your page’s SEO. <meta> tags are placed within the <head> tag of the document. Order of other meta tags doesn’t matter. Why my Hugo Archetypes didn't work https://www.clairecodes.com/blog/2019-03-28-why-my-hugo-archetypes-didnt-work// Thu, 28 Mar 2019 15:06:50 +0000 https://www.clairecodes.com/blog/2019-03-28-why-my-hugo-archetypes-didnt-work// A short story about Hugo template files and Markdown file extensions. Brief overview of archetypes in Hugo The current version of my personal blog is built with Hugo, a static site generator. Hugo has the concept of archetypes, which are template files used to create new content types with the hugo new command. It saves you having to copy and paste customised front matter (the YAML, TOML or JSON data at the top of the file) or other custom content every time you create a new post.