Page variables
The following is a list of page-level variables. Many of these will be defined in the front matter, derived from file location, or extracted from the content itself.
Page variables
- .AlternativeOutputFormats
- Contains all alternative formats for a given page; this variable is especially useful
link rel
list in your site’s<head>
. (See Output Formats.) - .Aliases
- Aliases of this page
- .Ancestors
- Ancestors of this page.
- .BundleType
- The bundle type:
leaf
,branch
, or an empty string if the page is not a bundle. - .Content
- The content itself, defined below the front matter.
- .Data
- The data specific to this type of page.
- .Date
- The date associated with the page. By default, this is the front matter
date
value. See configuring dates for a description of fallback values and precedence. See also.ExpiryDate
,.Lastmod
, and.PublishDate
. - .Description
- The description for the page.
- .Draft
- A boolean,
true
if the content is marked as a draft in the front matter. - .ExpiryDate
- The date on which the content is scheduled to expire. By default, this is the front matter
expiryDate
value. See configuring dates for a description of fallback values and precedence. See also.Date
,.Lastmod
, and.PublishDate
. - .File
- Filesystem-related data for this content file. See also File Variables.
- .Fragments
- Fragments returns the fragments for this page. See Page Fragments.
- .FuzzyWordCount
- The approximate number of words in the content.
- .IsHome
true
in the context of the homepage.- .IsNode
- Always
false
for regular content pages. - .IsPage
- Always
true
for regular content pages. - .IsSection
true
if.Kind
issection
.- .IsTranslated
true
if there are translations to display.- .Keywords
- The meta keywords for the content.
- .Kind
- The page’s kind. Possible return values are
page
,home
,section
,taxonomy
, orterm
. Note that there are alsoRSS
,sitemap
,robotsTXT
, and404
kinds, but these are only available during the rendering of each of these respective page’s kind and therefore not available in any of thePages
collections. - .Language
- A language object that points to the language’s definition in the site configuration.
.Language.Lang
gives you the language code. - .Lastmod
- The date on which the content was last modified. By default, if
enableGitInfo
istrue
in your site configuration, this is the Git author date, otherwise the front matterlastmod
value. See configuring dates for a description of fallback values and precedence. See also.Date
,ExpiryDate
,.PublishDate
, and.GitInfo
. - .LinkTitle
- Access when creating links to the content. If set, Hugo will use the
linktitle
from the front matter beforetitle
. - .Next
- Points up to the next regular page (sorted by Hugo’s default sort). Example:
{{ with .Next }}{{ .Permalink }}{{ end }}
. Calling.Next
from the first page returnsnil
. - .NextInSection
- Points up to the next regular page below the same top level section (e.g. in
/blog
)). Pages are sorted by Hugo’s default sort. Example:{{ with .NextInSection }}{{ .Permalink }}{{ end }}
. Calling.NextInSection
from the first page returnsnil
. - .OutputFormats
- Contains all formats, including the current format, for a given page. Can be combined the with
.Get
function to grab a specific format. (See Output Formats.) - .Permalink
- The Permanent link for this page; see Permalinks
- .Plain
- The Page content stripped of HTML tags and presented as a string. You may need to pipe the result through the
htmlUnescape
function when rendering this value with the HTML output format. - .PlainWords
- The slice of strings that results from splitting .Plain into words, as defined in Go’s strings.Fields.
- .Prev
- Points down to the previous regular page(sorted by Hugo’s default sort). Example:
{{ if .Prev }}{{ .Prev.Permalink }}{{ end }}
. Calling.Prev
from the last page returnsnil
. - .PrevInSection
- Points down to the previous regular page below the same top level section (e.g.
/blog
). Pages are sorted by Hugo’s default sort. Example:{{ if .PrevInSection }}{{ .PrevInSection.Permalink }}{{ end }}
. Calling.PrevInSection
from the last page returnsnil
. - .PublishDate
- The date on which the content was or will be published. By default, this is the front matter
publishDate
value. See configuring dates for a description of fallback values and precedence. See also.Date
,.ExpiryDate
, and.Lastmod
. - .RawContent
- Raw markdown content without the front matter. Useful with remarkjs.com
- .RenderShortcodes
- See Render Shortcodes.
- .ReadingTime
- The estimated time, in minutes, it takes to read the content.
- .Resources
- Resources such as images and CSS that are associated with this page
- .Ref
- Returns the permalink for a given reference (e.g.,
.Ref "sample.md"
)..Ref
does not handle in-page fragments correctly. See Cross References. - .RelPermalink
- The relative permanent link for this page.
- .RelRef
- Returns the relative permalink for a given reference (e.g.,
RelRef "sample.md"
)..RelRef
does not handle in-page fragments correctly. See Cross References. - .Site
- See Site Variables.
- .Sites
- Returns all sites (languages). A typical use case would be to link back to the main language:
<a href="{{ .Sites.First.Home.RelPermalink }}">...</a>
. - .Sites.First
- Returns the site for the first language. If this is not a multilingual setup, it will return itself.
- .Summary
- A generated summary of the content for easily showing a snippet in a summary view. The breakpoint can be set manually by inserting <!--more--> at the appropriate place in the content page, or the summary can be written independent of the page text. See Content Summaries for more details.
- .TableOfContents
- The rendered table of contents for the page.
- .Title
- The title for this page.
- .Translations
- A list of translated versions of the current page. See Multilingual Mode for more information.
- .TranslationKey
- The key used to map language translations of the current page. See Multilingual Mode for more information.
- .Truncated
- A boolean,
true
if the.Summary
is truncated. Useful for showing a “Read more…” link only when necessary. See Summaries for more information. - .Type
- The content type of the content (e.g.,
posts
). - .Weight
- Assigned weight (in the front matter) to this content, used in sorting.
- .WordCount
- The number of words in the content.
Page collections
List pages receive the following page collections in context:
- .Pages
- Regular pages within the current section (not recursive), and section pages for immediate descendant sections (not recursive).
- .RegularPages
- Regular pages within the current section (not recursive).
- .RegularPagesRecursive
- Regular pages within the current section, and regular pages within all descendant sections.
Writable page-scoped variables
- .Scratch
- Returns a Scratch to store and manipulate data. In contrast to the
.Store
method, this scratch is reset on server rebuilds. - .Store
- Returns a Scratch to store and manipulate data. In contrast to the
.Scratch
method, this scratch is not reset on server rebuilds.
Section variables and methods
Also see Sections.
- .CurrentSection
- The page’s current section. The value can be the page itself if it is a section or the homepage.
- .FirstSection
- The page’s first section below root, e.g.
/docs
,/blog
etc. - .InSection $anotherPage
- Whether the given page is in the current section.
- .IsAncestor $anotherPage
- Whether the current page is an ancestor of the given page.
- .IsDescendant $anotherPage
- Whether the current page is a descendant of the given page.
- .Parent
- A section’s parent section or a page’s section.
- .Section
- The section this content belongs to. Note: For nested sections, this is the first path element in the directory, for example,
/blog/funny/mypost/ => blog
. - .Sections
- The sections below this content.
Page fragments
The .Fragments
method returns a list of fragments for the current page.
- .Headings
- A recursive list of headings for the current page. Can be used to generate a table of contents.
- .Identifiers
- A sorted list of identifiers for the current page. Can be used to check if a page contains a specific identifier or if a page contains duplicate identifiers:
{{ if .Fragments.Identifiers.Contains "my-identifier" }}
<p>Page contains identifier "my-identifier"</p>
{{ end }}
{{ if gt (.Fragments.Identifiers.Count "my-identifier") 1 }}
<p>Page contains duplicate "my-identifier" fragments</p>
{{ end }}
- .HeadingsMap
- Holds a map of headings for the current page. Can be used to start the table of contents from a specific heading.
Also see the Go Doc for the return type.
Fragments in hooks and shortcodes
.Fragments
are safe to call from render hooks, even on the page you’re on (.Page.Fragments
). For shortcodes we recommend that all .Fragments
usage is nested inside the {{<>}}
shortcode delimiter ({{%%}}
takes part in the ToC creation so it’s easy to end up in a situation where you bite yourself in the tail).
The .RenderShortcodes
method
This renders all the shortcodes in the content, preserving the surrounding markup (e.g. Markdown) as is.
The common use case this is to composing a page from multiple content files while preserving a global context for table of contents and foot notes.
This method is most often used in shortcode templates. A simple example of shortcode template including content from another page would look like:
{{ $p := site.GetPage (.Get 0) }}
{{ $p.RenderShortcodes }}
In the above it’s important to understand and the difference between the two delimiters used when including a shortcode:
{{< myshortcode >}}
tells Hugo that the rendered shortcode does not need further processing (e.g. it’s HTML).{{% myshortcode %}}
tells Hugo that the rendered shortcode needs further processing (e.g. it’s Markdown).
The latter is what you want to use for the include shortcode outlined above:
## Mypage
{{% include "mypage" %}}
Also see Use Shortcodes.
Page-level params
Any other value defined in the front matter in a content file, including taxonomies, will be made available as part of the .Params
variable.
---
categories:
- one
tags:
- two
- three
- four
title: Example
---
+++
categories = ['one']
tags = ['two', 'three', 'four']
title = 'Example'
+++
{
"categories": [
"one"
],
"tags": [
"two",
"three",
"four"
],
"title": "Example"
}
With the above front matter, the tags
and categories
taxonomies are accessible via the following:
.Params.tags
.Params.categories
The .Params
variable is particularly useful for the introduction of user-defined front matter fields in content files. For example, a Hugo website on book reviews could have the following front matter:
---
affiliatelink: http://www.my-book-link.here
recommendedby: My Mother
title: Example
---
+++
affiliatelink = 'http://www.my-book-link.here'
recommendedby = 'My Mother'
title = 'Example'
+++
{
"affiliatelink": "http://www.my-book-link.here",
"recommendedby": "My Mother",
"title": "Example"
}
These fields would then be accessible to via .Params.affiliatelink
and .Params.recommendedby
.
<h3><a href="{{ .Params.affiliatelink }}">Buy this book</a></h3>
<p>It was recommended by {{ .Params.recommendedby }}.</p>
This template would render as follows:
<h3><a href="http://www.my-book-link.here">Buy this book</a></h3>
<p>It was recommended by my Mother.</p>
The .Param
method
In Hugo, you can declare parameters in individual pages and globally for your entire website. A common use case is to have a general value for the site parameter and a more specific value for some of the pages (i.e., a header image):
{{ $.Param "header_image" }}
The .Param
method provides a way to resolve a single value according to it’s definition in a page parameter (i.e. in the content’s front matter) or a site parameter (i.e., in your site configuration).
Access nested fields in front matter
When front matter contains nested fields like the following:
---
author:
display_name: John Feminella
family_name: Feminella
given_name: John
title: Example
---
+++
title = 'Example'
[author]
display_name = 'John Feminella'
family_name = 'Feminella'
given_name = 'John'
+++
{
"author": {
"display_name": "John Feminella",
"family_name": "Feminella",
"given_name": "John"
},
"title": "Example"
}
.Param
can access these fields by concatenating the field names together with a dot:
{{ $.Param "author.display_name" }}