Written by Edd Turtle on makewithhugo.com
on
(Updated: )

Check If a Page Is the Home Page

☕  Ad-blocker? Consider buying me a coffee instead :)

When writing and changing Hugo templates you will often want to act differently based on whether the page you are looking at is the home page, or any other page. So the post pages, contact, about etc won’t have this content show.

Likewise the reverse is also useful - only show something on the home page. Both of these scenarios are possible through using IF statements in your templates.

On Home Page Only

1
2
3
Copy to Clipboard
{{ if .IsHome }}
	this is the home page
{{ end }}

Every page except Home Page

For the reverse we have use the ne command and check it against our bool value.

1
2
3
Copy to Clipboard
{{ if ne .IsHome true }}
	this is the home page
{{ end }}
#home #html #show #hide #template #logic #if
Author Edd Turtle

Edd is a PHP and Go developer who enjoys blogging about his experiences, mostly about creating and coding new things he's working on and is a big beliver in open-source and Linux.

Tweet me! ☕   Buy me a Coffee

Related Posts

  • Using Parameters in Your Theme –
    In Hugo, you can access the parameters specified in the front matter of your content files (e.g., Markdown files) through your Hugo templates. These are called ‘Page-level Params’. This post explores how you can use these within your theme. We’ll be using an example of featured_image added our post below. 1 2 3 4 5 --- title: "My Post" date: 2023-06-01 featured_image: "/img/2022/goldie1.jpg" --- You can then use this parameter when editing your theme using the template tag shown below:
  • Markdown for Hugo: Cheatsheet –
    This is designed to be a ‘cheatsheet’ to help you find the syntax you need quickly for creating markdown content on Hugo sites. Code Block 1 2 3 4 5 ```css body { background: red; } ``` To define a code block, wrap the code in backticks like: ` Three of them, and you can define the code language after the first set, like we’ve said the above code is css.
  • Hide a Page in Hugo –
    Option 1: Draft The simplest way to hide a page when using Hugo is probably to set the post as a draft. This way, you still have the content ready to go for when you need it. To hide a page by setting it as draft, so our drafts page: Set Post as Draft Tutorial Option 2: Hide from Posts List You still want the page to be visible, but you don’t want to show it your blog posts list?