316cec249 Update future events template example (#1595) 3bde7d489 Install mage outside module (#1592) 762e27eff Clarify ignoreFiles regex matching 4d0032051 Add id attribute to h2 elements (#1590) 8262b077c Improve inline resource examples (#1587) 2eae7c7ec fix disqus example name (#1588) a772f4804 Added install instructions for openSUSE Tumbleweed (#1459) 7ad1c301b Remove screen capture from Hosting on GitHub page (#1586) a58541f49 add more details on about gh-pages and baseURL on hosting-on-github.md (#1346) 3bd0b46dc Update configuration page (#1585) 4cf1f013e Update OS functions 2c45a95c2 Remove getting-started/code-toggle/ 40fdff598 Describe artificial language private use subtags (#1577) 91011d210 Remove google_news from list of internal templates (#1576) 36c7879e4 Update the .Unix function 731063488 Remove a showcase 818c371a0 Update index.md 3136d39d9 netlify: Hugo 0.89.4 092bc9278 Merge branch 'tempv0.89.4' 18e01f105 releaser: Add release notes to /docs for release of 0.89.4 79135281f Correct and sort list of target image formats (#1574) af4170c7e netlify: Hugo 0.89.3 7f5444251 Merge branch 'tempv0.89.3' a32e4a6c2 releaser: Add release notes to /docs for release of 0.89.3 6dd3dc3f9 Update configuration.md 5fbe741d7 Update index.md (#1570) 37a69496f netlify: Bump to Hugo 0.89.2 3b293f1f4 Merge branch 'tempv0.89.2' 64c934e7a releaser: Add release notes to /docs for release of 0.89.2 919c51c7d Update index.md 13dd463b1 netlify: Hugo 0.89.1 d8cda1474 releaser: Add release notes to /docs for release of 0.89.1 a2adf7742 releaser: Add release notes to /docs for release of 0.89.1 c3088c4fc Add code toggle to menus page (#1568) 2d0f38978 Remove blank lines from code-toggle output (#1564) 7cf058bfd Add localization examples (#1563) cf8627c2e Fixing typos, fixing incomplete link (#1561) c78cc014b Document the removePathAccents setting 70beddaf4 Make corrections to 0.89.0 release notes (#1560) 1917195f0 Update index.md 7fb8e070c Run hugo --gc 1772d45fb Release 0.89.0 d9006179b Merge branch 'tempv0.89.0' 8db86b61e releaser: Add release notes to /docs for release of 0.89.0 abf268571 docs: Regen CLI docs fbbdb0ab1 Update the timeout default 9cbd1c15a Fix description of lang.FormatNumberCustom 6043b54cc Remove "render" keyword from Host on Render page f8ea8e84f Clarify description of front matter url (#1557) 91a0c9954 Update Twitter shortcode oEmbed endpoint 79a7405b8 Merge commit 'aa5ac36a3eb68b86c803caec703869efefc8447e' 57667bae6 hugofs: Add includeFiles and excludeFiles to mount configuration 0c9ee0a04 Allow multiple plugins in the PostCSS options map 155799e6b docs: Create path.Clean documentation git-subtree-dir: docs git-subtree-split: 316cec2494dc5f908283289371d74f36a73d3d8d
10 KiB
title | linktitle | description | date | publishdate | lastmod | categories | keywords | menu | weight | draft | aliases | toc | ||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Front Matter | Hugo allows you to add front matter in yaml, toml, or json to your content files. | 2017-01-09 | 2017-01-09 | 2017-02-24 |
|
|
|
30 | false |
|
true |
Front matter allows you to keep metadata attached to an instance of a content type---i.e., embedded inside a content file---and is one of the many features that gives Hugo its strength.
{{< youtube Yh2xKRJGff4 >}}
Front Matter Formats
Hugo supports four formats for front matter, each with their own identifying tokens.
- TOML
- identified by opening and closing
+++
. - YAML
- identified by opening and closing
---
. - JSON
- a single JSON object surrounded by '
{
' and '}
', followed by a new line. - ORG
- a group of Org mode keywords in the format '
#+KEY: VALUE
'. Any line that does not start with#+
ends the front matter section. Keyword values can be either strings (#+KEY: VALUE
) or a whitespace separated list of strings (#+KEY[]: VALUE_1 VALUE_2
).
Example
{{< code-toggle >}} title = "spf13-vim 3.0 release and new website" description = "spf13-vim is a cross platform distribution of vim plugins and resources for Vim." tags = [ ".vimrc", "plugins", "spf13-vim", "vim" ] date = "2012-04-06" categories = [ "Development", "VIM" ] slug = "spf13-vim-3-0-release-and-new-website" {{< /code-toggle >}}
Front Matter Variables
Predefined
There are a few predefined variables that Hugo is aware of. See Page Variables for how to call many of these predefined variables in your templates.
- aliases
- an array of one or more aliases (e.g., old published paths of renamed content) that will be created in the output directory structure . See Aliases for details.
- audio
- an array of paths to audio files related to the page; used by the
opengraph
internal template to populateog:audio
. - cascade
- a map of Front Matter keys whose values are passed down to the page's descendants unless overwritten by self or a closer ancestor's cascade. See Front Matter Cascade for details.
- date
- the datetime assigned to this page. This is usually fetched from the
date
field in front matter, but this behaviour is configurable. - description
- the description for the content.
- draft
- if
true
, the content will not be rendered unless the--buildDrafts
flag is passed to thehugo
command. - expiryDate
- the datetime at which the content should no longer be published by Hugo; expired content will not be rendered unless the
--buildExpired
flag is passed to thehugo
command. - headless
- if
true
, sets a leaf bundle to be headless. - images
- an array of paths to images related to the page; used by internal templates such as
_internal/twitter_cards.html
. - isCJKLanguage
- if
true
, Hugo will explicitly treat the content as a CJK language; both.Summary
and.WordCount
work properly in CJK languages. - keywords
- the meta keywords for the content.
- layout
- the layout Hugo should select from the lookup order when rendering the content. If a
type
is not specified in the front matter, Hugo will look for the layout of the same name in the layout directory that corresponds with a content's section. See "Defining a Content Type" - lastmod
- the datetime at which the content was last modified.
- linkTitle
- used for creating links to content; if set, Hugo defaults to using the
linktitle
before thetitle
. Hugo can also order lists of content bylinktitle
. - markup
- experimental; specify
"rst"
for reStructuredText (requiresrst2html
) or"md"
(default) for Markdown. - outputs
- allows you to specify output formats specific to the content. See output formats.
- publishDate
- if in the future, content will not be rendered unless the
--buildFuture
flag is passed tohugo
. - resources
- used for configuring page bundle resources. See Page Resources.
- series
- an array of series this page belongs to, as a subset of the
series
taxonomy; used by theopengraph
internal template to populateog:see_also
. - slug
- appears as the tail of the output URL. A value specified in front matter will override the segment of the URL based on the filename.
- summary
- text used when providing a summary of the article in the
.Summary
page variable; details available in the content-summaries section. - title
- the title for the content.
- type
- the type of the content; this value will be automatically derived from the directory (i.e., the section) if not specified in front matter.
- url
- the full path to the content from the web root. It makes no assumptions about the path of the content file. See URL Management.
- videos
- an array of paths to videos related to the page; used by the
opengraph
internal template to populateog:video
. - weight
- used for ordering your content in lists. Lower weight gets higher precedence. So content with lower weight will come first. If set, weights should be non-zero, as 0 is interpreted as an unset weight.
- <taxonomies>
- field name of the plural form of the index. See
tags
andcategories
in the above front matter examples. Note that the plural form of user-defined taxonomies cannot be the same as any of the predefined front matter variables.
{{% note "Hugo's Default URL Destinations" %}}
If neither slug
nor url
is present and permalinks are not configured otherwise in your site config
file, Hugo will use the filename of your content to create the output URL. See Content Organization for an explanation of paths in Hugo and URL Management for ways to customize Hugo's default behaviors.
{{% /note %}}
User-Defined
You can add fields to your front matter arbitrarily to meet your needs. These user-defined key-values are placed into a single .Params
variable for use in your templates.
The following fields can be accessed via .Params.include_toc
and .Params.show_comments
, respectively. The Variables section provides more information on using Hugo's page- and site-level variables in your templates.
{{< code-toggle copy="false" >}} include_toc: true show_comments: false {{</ code-toggle >}}
Front Matter Cascade
Any node or section can pass down to descendants a set of Front Matter values as long as defined underneath the reserved cascade
Front Matter key.
Target Specific Pages
{{< new-in "0.76.0" >}}
Since Hugo 0.76 the cascade
block can be a slice with a optional _target
keyword, allowing for multiple cascade
values targeting different page sets.
{{< code-toggle copy="false" >}} title ="Blog" cascade background = "yosemite.jpg" [cascade._target] path="/blog/**" lang="en" kind="page" cascade background = "goldenbridge.jpg" [cascade._target] kind="section" {{</ code-toggle >}}
Keywords available for _target
:
- path
- A Glob pattern matching the content path below /content. Expects Unix-styled slashes. Note that this is the virtual path, so it starts at the mount root. The matching support double-asterisks so you can match for patterns like
/blog/*/**
to match anything from the third level and down. - kind
- The Page's Kind, e.g. "section".
- lang
- A Glob pattern matching the Page's language, e.g. "{en,sv}".
Any of the above can be omitted.
Example
In content/blog/_index.md
{{< code-toggle copy="false" >}} title: Blog cascade: banner: images/typewriter.jpg {{</ code-toggle >}}
With the above example the Blog section page and its descendants will return images/typewriter.jpg
when .Params.banner
is invoked unless:
- Said descendant has its own
banner
value set - Or a closer ancestor node has its own
cascade.banner
value set.
Order Content Through Front Matter
You can assign content-specific weight
in the front matter of your content. These values are especially useful for ordering in list views. You can use weight
for ordering of content and the convention of <TAXONOMY>_weight
for ordering content within a taxonomy. See Ordering and Grouping Hugo Lists to see how weight
can be used to organize your content in list views.
Override Global Markdown Configuration
It's possible to set some options for Markdown rendering in a content's front matter as an override to the BlackFriday rendering options set in your project configuration.