Written by Edd Turtle on makewithhugo.com
on

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? Then we can stop the theme from rendering that summary.

This will most likely change per theme.

/themes/{theme-name}/layout/index.html

1
2
3
4
5

{{ range (.Paginate .Site.RegularPages).Pages }}
    {{ if ne .Title "My Post Title to Ignore" }} 
        {{ .Render "summary" }}
    {{ end }}
{{ end }}

This will skip over any post named “My Post Title to Ignore”. We used an if statement and said where post title is not equals to x.

Find any better ways? Let us know in the comments.

#hide #post #draft #if #notequals #theme #list #summary
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:
  • Changing the Syntax Highlighting Style in Hugo –
    When building a website using Hugo, you might want to customize the syntax highlighting to match your site’s overall aesthetic. Hugo uses Chroma, a powerful syntax highlighting engine, to provide code highlighting out of the box. In this blog post, we’ll guide you through the process of changing the syntax highlighting style in Hugo using Chroma, with the help of the hugo gen chromastyles command.
  • Add Adsense Ads to Your Posts –
    This post sets out how you can add your Google Adsense code to your blog posts. As this is MakeWithHugo, we’ll be adding them to our Hugo site. You’ll need a few things before starting, an Adsense account, the snippet of code from Adsense and knowing where you want to put them (or auto ads for the easy option). There’s a few different ways to achieve this, based on where you want them.