Meta Information

Page Title

The title will be used in the heading and meta information of your HTML.

A page without a title is treated as if hidden=true has been set.

​
+++
title = 'Example Title'
+++
---
title: Example Title
---
{
   "title": "Example Title"
}

Page Description

The description is used for generating HTML meta information, in the children shortcode and in social media meta information.

If not set, the set value of your site’s hugo.toml is used for the HTML meta information and social media meta information. It appears empty for the children shortcode.

​
+++
description = 'Some lenghty example description'
+++
---
description: Some lenghty example description
---
{
   "description": "Some lenghty example description"
}

Social Media Images

The theme adds social media meta tags including feature images for the Open Graph protocol and Twitter Cards to your site. These are configured as mentioned in the linked Hugo docs.

​
+++
images = ['images/hero.png']
+++
---
images:
- images/hero.png
---
{
   "images": [
      "images/hero.png"
   ]
}

Hidden

Front Matter You can hide your pages from the menu by setting hidden=true.

See how you can further configure visibility throughout your site.

​
+++
hidden = true
+++
---
hidden: true
---
{
   "hidden": true
}

Add Icon to the Title Heading

Front Matter In the page front matter, add a headingPre to insert any HTML code before the title heading. You can also set headingPost to insert HTML code after the title heading.

You also may want to apply further CSS in this case.

​
+++
headingPre = '<i class="fab fa-github"></i> '
+++
---
headingPre: '<i class="fab fa-github"></i> '
---
{
   "headingPre": "\u003ci class=\"fab fa-github\"\u003e\u003c/i\u003e "
}

Front Matter If you use the default layouts/partials/content-footer.html is not overridden by you, it will display authoring information, namely

​
+++
LastModifierDisplayName = 'Santa Claus'
LastModifierEmail = 'santa@example.com'
date = 2000-12-24T00:00:00-12:00
+++
---
LastModifierDisplayName: Santa Claus
LastModifierEmail: santa@example.com
date: 2000-12-24T00:00:00-12:00
---
{
   "LastModifierDisplayName": "Santa Claus",
   "LastModifierEmail": "santa@example.com",
   "date": "2000-12-24T00:00:00-12:00"
}