All

|

Essays

|

Notes

In Hugo, creating different slash pages (like /about/, /uses/, etc.) involves creating specific content files for each page and customizing templates as needed.

• Create individual markdown files for each slash page under content/.
  If you want to create an /about/ page in your blog, add a markdown page with below front matter in the content/ page.

//content/about.md

---
title: "About"
date: 2024-10-16
---

This is the About page content.

• Optionally create a template for the page.
  Hugo uses the single.html template from the layouts/_default/ folder to render pages by default. However, you can create custom templates in the layouts/page/ folder to format specific pages as needed.

//layouts/page/about.html

<h1>{{ .Title }}</h1>
<div class="content">
  {{ .Content }}
</div>

You can check my slash pages like uses, credits, and changelog.

References

Hugo Docs

Hugo is fast, but ineffecinet templates can make it slower. For checking the performance you can use the below commands.

• Use hugo --logLevel debug to display debug information, warning, and error message.

• Use hugo --templateMetrics to check for slow templates. This will show the time it takes to render each template.

• Use hugo --gc (garbage collection) to clean up unused files, which might help reduce build time.

• Use debug.Timer to determine the execution time of a block of code. And use the hugo --logLevel info info command line flag when you build the site.

{{ $t := debug.Timer "TestSqrt" }}
{{ range seq 2000 }}
  {{ $f := math.Sqrt . }}
{{ end }}
{{ $t.Stop }}

References

Hugo Docs