CINXE.COM

<!doctype html><html class=no-js lang=en> <head> <meta charset=utf-8> <link rel=preload href=https://gohugo.io/fonts/muli-latin-200.woff2 as=font type=font/woff2 crossorigin> <link rel=preload href=https://gohugo.io/fonts/muli-latin-400.woff2 as=font type=font/woff2 crossorigin> <link rel=preload href=https://gohugo.io/fonts/muli-latin-800.woff2 as=font type=font/woff2 crossorigin> <meta http-equiv=X-UA-Compatible content="IE=edge"> <title> Hugo Documentation | Hugo </title> <meta name=viewport content="width=device-width,minimum-scale=1"> <meta name=generator content="Hugo 0.139.2"> <meta name=robots content="index, follow"> <link rel=stylesheet href=/output/css/app.min.4030b20111c63effc3f444c4c7e0116b7ce9ebeb341b57e87062563016ace228.css integrity="sha256-QDCyARHGPv/D9ETEx+ARa3zp6+s0G1focGJWMBas4ig=" crossorigin=anonymous> <meta name=description content=" Hugo is the world's fastest static website engine. It's written in Go (aka Golang) and developed by bep, spf13 and friends. "> <script type=text/javascript src=/output/js/app.5a802739f9b2407f0d3a1f84a20731b6705a5a4df051c35686f22bd3aea90731.js integrity="sha256-WoAnOfmyQH8NOh+EogcxtnBaWk3wUcNWhvIr066pBzE=" crossorigin=anonymous defer></script> <script async defer src=https://buttons.github.io/buttons.js></script> <link rel=apple-touch-icon sizes=180x180 href=/apple-touch-icon.png> <link rel=icon type=image/png href=/favicon-32x32.png sizes=32x32> <link rel=icon type=image/png href=/favicon-16x16.png sizes=16x16> <link rel=manifest href=/manifest.json> <link rel=mask-icon href=/safari-pinned-tab.svg color=#0594cb> <meta name=theme-color content="#ffffff"> <meta property="og:title" content="Hugo Documentation"> <meta property="og:description" content="Hugo is the world's fastest static website engine. It's written in Go (aka Golang) and developed by bep, spf13 and friends."> <meta property="og:type" content="article"> <meta property="og:url" content="https://gohugo.io/documentation/"><meta property="og:image" content="https://gohugo.io/opengraph/gohugoio-card-base-1_hu6641146779613300793.png"><meta property="article:section" content> <meta property="article:modified_time" content="2023-12-04T15:14:18+01:00"> <meta itemprop=name content="Hugo Documentation"> <meta itemprop=description content="Hugo is the world's fastest static website engine. It's written in Go (aka Golang) and developed by bep, spf13 and friends."> <meta itemprop=dateModified content="2023-12-04T15:14:18+01:00"> <meta itemprop=wordCount content="59"> <meta itemprop=image content="https://gohugo.io/images/gohugoio-card.png"><meta name=twitter:card content="summary_large_image"> <meta name=twitter:image content="https://gohugo.io/opengraph/gohugoio-card-base-1_hu6641146779613300793.png"> <meta name=twitter:title content="Hugo Documentation"> <meta name=twitter:description content="Hugo is the world's fastest static website engine. It's written in Go (aka Golang) and developed by bep, spf13 and friends."> <meta name=twitter:site content="@GoHugoIOv2"> <script async src="https://www.googletagmanager.com/gtag/js?id=G-MBZGKNMDWC"></script> <script>window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments)}gtag("js",new Date),gtag("config","G-MBZGKNMDWC",{anonymize_ip:!0,dimension1:"gohugo.io",dimension2:"master"});var trackOutboundLink=function(e){gtag("event","click",{event_category:"outbound",event_label:e,transport_type:"beacon"})}</script> </head> <body class="ma0 sans-serif bg-primary-color-light production"> <nav class="bg-primary-color-dark pv4 w-100" role=navigation> <div class="center flex-ns flex-wrap items-center justify-start mw9"> <h1 class="dim f3 lh-solid ml0-ns mr0 mr4-l mv0 pl3 pl4-ns"> <a href=https://gohugo.io/ class="link white"> HUGO </a> </h1> <ul class="list ma0 pa0 dn dib-l" role=menu> <li class="f5 dib mr4" role=menuitem> <a href=/news/ class="dim link light-silver"> News </a> </li> <li class="f5 dib mr4" role=menuitem> <a href=/documentation/ class="dim link light-silver"> Docs </a> </li> <li class="f5 dib mr4" role=menuitem> <a href=https://themes.gohugo.io/ class="dim link light-silver"> Themes </a> </li> <li class="f5 dib mr4" role=menuitem> <a href=https://discourse.gohugo.io/ class="dim link light-silver"> Community <span class=pl1> <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" viewBox="0 0 32 32" class="fill-current v-base" aria-label="External Link"><path d="M25.152 16.576v5.696q0 2.144-1.504 3.648T20 27.424H5.152q-2.144.0-3.648-1.504t-1.504-3.648V7.424q0-2.112 1.504-3.616t3.648-1.536h12.576q.224.0.384.16t.16.416V4q0 .256-.16.416t-.384.16H5.152q-1.184.0-2.016.832t-.864 2.016v14.848q0 1.184.864 2.016t2.016.864H20q1.184.0 2.016-.864t.832-2.016v-5.696q0-.256.16-.416t.416-.16h1.152q.256.0.416.16t.16.416zM32 1.152v9.12q0 .48-.352.8t-.8.352-.8-.352l-3.136-3.136-11.648 11.648q-.16.192-.416.192t-.384-.192l-2.048-2.048q-.192-.16-.192-.384t.192-.416L24.064 5.088l-3.136-3.136q-.352-.352-.352-.8t.352-.8.8-.352h9.12q.48.0.8.352t.352.8z"/></svg> </span> </a> </li> <li class="f5 dib mr4" role=menuitem> <a href=https://github.com/gohugoio/hugo class="dim link light-silver"> GitHub <span class=pl1> <svg xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" viewBox="0 0 32 32" class="fill-current v-base" aria-label="External Link"><path d="M25.152 16.576v5.696q0 2.144-1.504 3.648T20 27.424H5.152q-2.144.0-3.648-1.504t-1.504-3.648V7.424q0-2.112 1.504-3.616t3.648-1.536h12.576q.224.0.384.16t.16.416V4q0 .256-.16.416t-.384.16H5.152q-1.184.0-2.016.832t-.864 2.016v14.848q0 1.184.864 2.016t2.016.864H20q1.184.0 2.016-.864t.832-2.016v-5.696q0-.256.16-.416t.416-.16h1.152q.256.0.416.16t.16.416zM32 1.152v9.12q0 .48-.352.8t-.8.352-.8-.352l-3.136-3.136-11.648 11.648q-.16.192-.416.192t-.384-.192l-2.048-2.048q-.192-.16-.192-.384t.192-.416L24.064 5.088l-3.136-3.136q-.352-.352-.352-.8t.352-.8.8-.352h9.12q.48.0.8.352t.352.8z"/></svg> </span> </a> </li> </ul> <div class="db dib-ns pl3"><form id=site-search-form role=search> <fieldset class="bn ma0 pa0"> <label class=clip for=search-input>Search</label> <input type=search id=search-input class="needs-js bg-left bn f5 input-reset lh-solid mt3 mt0-ns pl4 pv2 w5 white" placeholder="Search the Docs" name=search-input style="background:url(/images/icon-search.png)5px 11px/16px 16px no-repeat;background-color:rgba(255,255,255,0)"> </fieldset> </form> </div> <div class="absolute mt1 mt2-l pr3 right-0 top-0 flex items-start"><a rel=me class="mstdn mr3" href=https://fosstodon.org/@gohugoio target=_blank>gohugoio</a> <a class="github-button needs-js link primary-color-dark" href=https://github.com/gohugoio/hugo data-size=large data-show-count=false aria-label="Star gohugoio/hugo on GitHub">Star</a> </div> </div> </nav> <main role=main class="content-with-sidebar min-vh-100 pb7 pb0-ns"> <div class="w-100 ph4 pb5 pb6-ns pt1 mt4 pt3-ns"> <div class=flex> <div class="dn db-l w-20"> <nav role=navigation> <ul class="list pa0 nl2"> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.about>About</a> <ul class="about desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/about/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/about/introduction/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Introduction </a> </li> <li class="f6 fw4"> <a href=/about/features/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Features </a> </li> <li class="f6 fw4"> <a href=/about/privacy/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Privacy </a> </li> <li class="f6 fw4"> <a href=/about/security/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Security </a> </li> <li class="f6 fw4"> <a href=/about/license/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> License </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.installation>Installation</a> <ul class="installation desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/installation/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/installation/macos/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> macOS </a> </li> <li class="f6 fw4"> <a href=/installation/linux/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Linux </a> </li> <li class="f6 fw4"> <a href=/installation/windows/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Windows </a> </li> <li class="f6 fw4"> <a href=/installation/bsd/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> BSD </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.getting-started>Getting started</a> <ul class="getting-started desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/getting-started/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/getting-started/quick-start/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Quick start </a> </li> <li class="f6 fw4"> <a href=/getting-started/usage/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Basic usage </a> </li> <li class="f6 fw4"> <a href=/getting-started/directory-structure/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Directory structure </a> </li> <li class="f6 fw4"> <a href=/getting-started/configuration/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Configuration </a> </li> <li class="f6 fw4"> <a href=/getting-started/configuration-markup/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Configure markup </a> </li> <li class="f6 fw4"> <a href=/getting-started/configuration-build/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Configure build </a> </li> <li class="f6 fw4"> <a href=/getting-started/glossary/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Glossary of terms </a> </li> <li class="f6 fw4"> <a href=/getting-started/external-learning-resources/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> External learning resources </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8 mb1 bb b--moon-gray"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.quick-reference>Quick reference</a> <ul class="quick-reference desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/quick-reference/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/quick-reference/emojis/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Emojis </a> </li> <li class="f6 fw4"> <a href=/quick-reference/functions/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Functions </a> </li> <li class="f6 fw4"> <a href=/quick-reference/methods/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Methods </a> </li> <li class="f6 fw4"> <a href=/quick-reference/page-collections/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Page collections </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.content-management>Content management</a> <ul class="content-management desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/content-management/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/content-management/organization/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Organization </a> </li> <li class="f6 fw4"> <a href=/content-management/page-bundles/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Page bundles </a> </li> <li class="f6 fw4"> <a href=/content-management/formats/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Content formats </a> </li> <li class="f6 fw4"> <a href=/content-management/front-matter/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Front matter </a> </li> <li class="f6 fw4"> <a href=/content-management/build-options/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Build options </a> </li> <li class="f6 fw4"> <a href=/content-management/page-resources/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Page resources </a> </li> <li class="f6 fw4"> <a href=/content-management/image-processing/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Image processing </a> </li> <li class="f6 fw4"> <a href=/content-management/shortcodes/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Shortcodes </a> </li> <li class="f6 fw4"> <a href=/content-management/related/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Related content </a> </li> <li class="f6 fw4"> <a href=/content-management/sections/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Sections </a> </li> <li class="f6 fw4"> <a href=/content-management/types/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Content types </a> </li> <li class="f6 fw4"> <a href=/content-management/archetypes/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Archetypes </a> </li> <li class="f6 fw4"> <a href=/content-management/taxonomies/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Taxonomies </a> </li> <li class="f6 fw4"> <a href=/content-management/summaries/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Summaries </a> </li> <li class="f6 fw4"> <a href=/content-management/cross-references/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Links and cross references </a> </li> <li class="f6 fw4"> <a href=/content-management/urls/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> URL management </a> </li> <li class="f6 fw4"> <a href=/content-management/menus/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Menus </a> </li> <li class="f6 fw4"> <a href=/content-management/comments/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Comments </a> </li> <li class="f6 fw4"> <a href=/content-management/multilingual/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Multilingual </a> </li> <li class="f6 fw4"> <a href=/content-management/markdown-attributes/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Markdown attributes </a> </li> <li class="f6 fw4"> <a href=/content-management/syntax-highlighting/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Syntax highlighting </a> </li> <li class="f6 fw4"> <a href=/content-management/diagrams/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Diagrams </a> </li> <li class="f6 fw4"> <a href=/content-management/mathematics/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Mathematics </a> </li> <li class="f6 fw4"> <a href=/content-management/data-sources/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Data sources </a> </li> <li class="f6 fw4"> <a href=/content-management/content-adapters/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Content adapters </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.templates>Templates</a> <ul class="templates desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/templates/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/templates/introduction/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Introduction </a> </li> <li class="f6 fw4"> <a href=/templates/types/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Template types </a> </li> <li class="f6 fw4"> <a href=/templates/lookup-order/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Lookup order </a> </li> <li class="f6 fw4"> <a href=/templates/base/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Base templates </a> </li> <li class="f6 fw4"> <a href=/templates/home/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Home templates </a> </li> <li class="f6 fw4"> <a href=/templates/single/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Single templates </a> </li> <li class="f6 fw4"> <a href=/templates/section/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Section templates </a> </li> <li class="f6 fw4"> <a href=/templates/taxonomy/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Taxonomy templates </a> </li> <li class="f6 fw4"> <a href=/templates/term/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Term templates </a> </li> <li class="f6 fw4"> <a href=/templates/partial/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Partial templates </a> </li> <li class="f6 fw4"> <a href=/templates/content-view/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Content view templates </a> </li> <li class="f6 fw4"> <a href=/templates/shortcode/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Shortcode templates </a> </li> <li class="f6 fw4"> <a href=/templates/sitemap/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Sitemap templates </a> </li> <li class="f6 fw4"> <a href=/templates/rss/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> RSS templates </a> </li> <li class="f6 fw4"> <a href=/templates/404/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> 404 templates </a> </li> <li class="f6 fw4"> <a href=/templates/robots/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> robots.txt templates </a> </li> <li class="f6 fw4"> <a href=/templates/menu/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Menus </a> </li> <li class="f6 fw4"> <a href=/templates/pagination/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Pagination </a> </li> <li class="f6 fw4"> <a href=/templates/embedded/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Embedded templates </a> </li> <li class="f6 fw4"> <a href=/templates/output-formats/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Custom output formats </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.functions>Functions</a> <ul class="functions desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/functions/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/functions/cast/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> cast </a> </li> <li class="f6 fw4"> <a href=/functions/collections/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> collections </a> </li> <li class="f6 fw4"> <a href=/functions/compare/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> compare </a> </li> <li class="f6 fw4"> <a href=/functions/crypto/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> crypto </a> </li> <li class="f6 fw4"> <a href=/functions/css/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> css </a> </li> <li class="f6 fw4"> <a href=/functions/data/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> data </a> </li> <li class="f6 fw4"> <a href=/functions/debug/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> debug </a> </li> <li class="f6 fw4"> <a href=/functions/diagrams/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> diagrams </a> </li> <li class="f6 fw4"> <a href=/functions/encoding/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> encoding </a> </li> <li class="f6 fw4"> <a href=/functions/fmt/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> fmt </a> </li> <li class="f6 fw4"> <a href=/functions/global/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> global </a> </li> <li class="f6 fw4"> <a href=/functions/go-template/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> go template </a> </li> <li class="f6 fw4"> <a href=/functions/hash/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> hash </a> </li> <li class="f6 fw4"> <a href=/functions/hugo/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> hugo </a> </li> <li class="f6 fw4"> <a href=/functions/images/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> images </a> </li> <li class="f6 fw4"> <a href=/functions/inflect/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> inflect </a> </li> <li class="f6 fw4"> <a href=/functions/js/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> js </a> </li> <li class="f6 fw4"> <a href=/functions/lang/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> lang </a> </li> <li class="f6 fw4"> <a href=/functions/math/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> math </a> </li> <li class="f6 fw4"> <a href=/functions/openapi3/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> openapi3 </a> </li> <li class="f6 fw4"> <a href=/functions/os/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> os </a> </li> <li class="f6 fw4"> <a href=/functions/partials/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> partials </a> </li> <li class="f6 fw4"> <a href=/functions/path/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> path </a> </li> <li class="f6 fw4"> <a href=/functions/reflect/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> reflect </a> </li> <li class="f6 fw4"> <a href=/functions/resources/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> resources </a> </li> <li class="f6 fw4"> <a href=/functions/safe/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> safe </a> </li> <li class="f6 fw4"> <a href=/functions/strings/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> strings </a> </li> <li class="f6 fw4"> <a href=/functions/templates/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> templates </a> </li> <li class="f6 fw4"> <a href=/functions/time/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> time </a> </li> <li class="f6 fw4"> <a href=/functions/transform/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> transform </a> </li> <li class="f6 fw4"> <a href=/functions/urls/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> urls </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.methods>Methods</a> <ul class="methods desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/methods/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/methods/duration/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Duration </a> </li> <li class="f6 fw4"> <a href=/methods/menu/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Menu </a> </li> <li class="f6 fw4"> <a href=/methods/menu-entry/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Menu entry </a> </li> <li class="f6 fw4"> <a href=/methods/page/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Page </a> </li> <li class="f6 fw4"> <a href=/methods/pager/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Pager </a> </li> <li class="f6 fw4"> <a href=/methods/pages/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Pages </a> </li> <li class="f6 fw4"> <a href=/methods/resource/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Resource </a> </li> <li class="f6 fw4"> <a href=/methods/shortcode/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Shortcode </a> </li> <li class="f6 fw4"> <a href=/methods/site/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Site </a> </li> <li class="f6 fw4"> <a href=/methods/taxonomy/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Taxonomy </a> </li> <li class="f6 fw4"> <a href=/methods/time/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Time </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.render-hooks>Render hooks</a> <ul class="render-hooks desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/render-hooks/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/render-hooks/introduction/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Introduction </a> </li> <li class="f6 fw4"> <a href=/render-hooks/blockquotes/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Blockquotes </a> </li> <li class="f6 fw4"> <a href=/render-hooks/code-blocks/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Code blocks </a> </li> <li class="f6 fw4"> <a href=/render-hooks/headings/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Headings </a> </li> <li class="f6 fw4"> <a href=/render-hooks/images/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Images </a> </li> <li class="f6 fw4"> <a href=/render-hooks/links/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Links </a> </li> <li class="f6 fw4"> <a href=/render-hooks/passthrough/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Passthrough </a> </li> <li class="f6 fw4"> <a href=/render-hooks/tables/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Tables </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.modules>Hugo Modules</a> <ul class="modules desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/hugo-modules/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/hugo-modules/configuration/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Configure Hugo modules </a> </li> <li class="f6 fw4"> <a href=/hugo-modules/use-modules/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Use Hugo Modules </a> </li> <li class="f6 fw4"> <a href=/hugo-modules/theme-components/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Theme components </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.hugo-pipes>Hugo Pipes</a> <ul class="hugo-pipes desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/hugo-pipes/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/hugo-pipes/introduction/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Introduction </a> </li> <li class="f6 fw4"> <a href=/hugo-pipes/transpile-sass-to-css/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Transpile Sass to CSS </a> </li> <li class="f6 fw4"> <a href=/hugo-pipes/postcss/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> PostCSS </a> </li> <li class="f6 fw4"> <a href=/hugo-pipes/postprocess/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> PostProcess </a> </li> <li class="f6 fw4"> <a href=/hugo-pipes/js/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> JavaScript building </a> </li> <li class="f6 fw4"> <a href=/hugo-pipes/babel/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Babel </a> </li> <li class="f6 fw4"> <a href=/hugo-pipes/minification/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Asset minification </a> </li> <li class="f6 fw4"> <a href=/hugo-pipes/bundling/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Concatenating assets </a> </li> <li class="f6 fw4"> <a href=/hugo-pipes/fingerprint/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Fingerprinting and SRI hashing </a> </li> <li class="f6 fw4"> <a href=/hugo-pipes/resource-from-string/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Resource from string </a> </li> <li class="f6 fw4"> <a href=/hugo-pipes/resource-from-template/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Resource from template </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8 mb1 bb b--moon-gray"> <a href=/commands/ class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.commands>CLI</a> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.troubleshooting>Troubleshooting</a> <ul class="troubleshooting desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/troubleshooting/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/troubleshooting/audit/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Audit </a> </li> <li class="f6 fw4"> <a href=/troubleshooting/logging/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Logging </a> </li> <li class="f6 fw4"> <a href=/troubleshooting/inspection/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Inspection </a> </li> <li class="f6 fw4"> <a href=/troubleshooting/deprecation/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Deprecation </a> </li> <li class="f6 fw4"> <a href=/troubleshooting/performance/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Performance </a> </li> <li class="f6 fw4"> <a href=/troubleshooting/faq/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> FAQs </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.developer-tools>Developer tools</a> <ul class="developer-tools desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/tools/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/tools/editors/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Editor plugins </a> </li> <li class="f6 fw4"> <a href=/tools/front-ends/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Front-ends </a> </li> <li class="f6 fw4"> <a href=/tools/search/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Search </a> </li> <li class="f6 fw4"> <a href=/tools/migrations/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Migrations </a> </li> <li class="f6 fw4"> <a href=/tools/other/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Other projects </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.hosting-and-deployment>Hosting and deployment</a> <ul class="hosting-and-deployment desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/hosting-and-deployment/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/hosting-and-deployment/hugo-deploy/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Hugo Deploy </a> </li> <li class="f6 fw4"> <a href=/hosting-and-deployment/deployment-with-rclone/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Deploy with Rclone </a> </li> <li class="f6 fw4"> <a href=/hosting-and-deployment/deployment-with-rsync/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Deploy with Rsync </a> </li> <li class="f6 fw4"> <a href=/hosting-and-deployment/hosting-on-21yunbox/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Host on 21YunBox </a> </li> <li class="f6 fw4"> <a href=/hosting-and-deployment/hosting-on-aws-amplify/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Host on AWS Amplify </a> </li> <li class="f6 fw4"> <a href=/hosting-and-deployment/hosting-on-azure-static-web-apps/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Host on Azure Static Web Apps </a> </li> <li class="f6 fw4"> <a href=/hosting-and-deployment/hosting-on-cloudflare-pages/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Host on Cloudflare Pages </a> </li> <li class="f6 fw4"> <a href=/hosting-and-deployment/hosting-on-firebase/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Host on Firebase </a> </li> <li class="f6 fw4"> <a href=/hosting-and-deployment/hosting-on-github/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Host on GitHub Pages </a> </li> <li class="f6 fw4"> <a href=/hosting-and-deployment/hosting-on-gitlab/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Host on GitLab Pages </a> </li> <li class="f6 fw4"> <a href=/hosting-and-deployment/hosting-on-keycdn/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Host on KeyCDN </a> </li> <li class="f6 fw4"> <a href=/hosting-and-deployment/hosting-on-netlify/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Host on Netlify </a> </li> <li class="f6 fw4"> <a href=/hosting-and-deployment/hosting-on-render/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Host on Render </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8 mb1 bb b--moon-gray"> <a href=javascript:void(0) class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.contribute>Contribute</a> <ul class="contribute desktopmenu animated fadeIn list pl0 bg-light-gray dn"> <li class="f6 fw4"> <a href=/contribute/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> In this section </a> </li> <li class="f6 fw4"> <a href=/contribute/development/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Development </a> </li> <li class="f6 fw4"> <a href=/contribute/documentation/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Documentation </a> </li> <li class="f6 fw4"> <a href=/contribute/themes/ class="db link hover-bg-gray hover-white pl3 pr2 pv2 black"> Themes </a> </li> </ul> </li> <li class="f5 w-100 hover-bg-light-gray hover-accent-color-light fw8"> <a href=/maintenance/ class="js-toggle dib w-100 link mid-gray hover-accent-color-light pl2 pr2 pv2" data-target=.>Maintenance</a> </li> </ul> </nav> </div> <div class="w-100 w-80-l ph0 ph4-l"> <article class="w-100 nested-copy-line-height nested-links nested-img"> <h1 class="primary-color-dark f2"> Hugo Documentation </h1> <div class="mid-gray f5 f4-l"> <p>A fast and flexible <a href=https://en.wikipedia.org/wiki/Static_site_generator rel=external>static site generator</a> built with love by <a href=https://github.com/bep rel=external>bep</a>, <a href=https://github.com/spf13 rel=external>spf13</a>, and <a href=https://github.com/gohugoio/hugo/graphs/contributors rel=external>friends</a> in <a href=https://go.dev/ rel=external>Go</a>.</p> <p>Hugo is optimized for speed and designed for flexibility. With its advanced templating system and fast asset pipelines, Hugo renders a complete site in seconds, often less.</p> <p>Below you will find some of the most common and helpful pages from our documentation.</p> </div> </article> <div class="flex flex-wrap"> <section class="flex-ns flex-wrap justify-between w-100"> <div class="relative flex-auto w-100 w-40-l mr3 mb3 bg-white ba b--moon-gray nested-copy-line-height weight-20"> <div class="bg-white mb2 pa3 pa4-l gray"> <h1 class="near-black f3"> <a href=/templates/introduction/ class="link primary-color dim"> Introduction to templating </a> </h1> <div class="lh-copy links"> Create templates to render your content, resources, and data. <a href=/templates/introduction/ class="f6 mt2 db link primary-color dim"> Read More » </a> </div> </div> </div> <div class="relative flex-auto w-100 w-40-l mr3 mb3 bg-white ba b--moon-gray nested-copy-line-height weight-20"> <div class="bg-white mb2 pa3 pa4-l gray"> <h1 class="near-black f3"> <a href=/content-management/organization/ class="link primary-color dim"> Content organization </a> </h1> <div class="lh-copy links"> Hugo assumes that the same structure that works to organize your source content is used to organize the rendered site. <a href=/content-management/organization/ class="f6 mt2 db link primary-color dim"> Read More » </a> </div> </div> </div> <div class="relative flex-auto w-100 w-40-l mr3 mb3 bg-white ba b--moon-gray nested-copy-line-height weight-30"> <div class="bg-white mb2 pa3 pa4-l gray"> <h1 class="near-black f3"> <a href=/getting-started/directory-structure/ class="link primary-color dim"> Directory structure </a> </h1> <div class="lh-copy links"> Each Hugo project is a directory, with subdirectories that contribute to the content, structure, behavior, and presentation of your site. <a href=/getting-started/directory-structure/ class="f6 mt2 db link primary-color dim"> Read More » </a> </div> </div> </div> <div class="relative flex-auto w-100 w-40-l mr3 mb3 bg-white ba b--moon-gray nested-copy-line-height weight-40"> <div class="bg-white mb2 pa3 pa4-l gray"> <h1 class="near-black f3"> <a href=/getting-started/configuration/ class="link primary-color dim"> Configure Hugo </a> </h1> <div class="lh-copy links"> How to configure your Hugo site. <a href=/getting-started/configuration/ class="f6 mt2 db link primary-color dim"> Read More » </a> </div> </div> </div> <div class="relative flex-auto w-100 w-40-l mr3 mb3 bg-white ba b--moon-gray nested-copy-line-height weight-40"> <div class="bg-white mb2 pa3 pa4-l gray"> <h1 class="near-black f3"> <a href=/templates/lookup-order/ class="link primary-color dim"> Template lookup order </a> </h1> <div class="lh-copy links"> Hugo uses the rules below to select a template for a given page, starting from the most specific. <a href=/templates/lookup-order/ class="f6 mt2 db link primary-color dim"> Read More » </a> </div> </div> </div> <div class="relative flex-auto w-100 w-40-l mr3 mb3 bg-white ba b--moon-gray nested-copy-line-height weight-50"> <div class="bg-white mb2 pa3 pa4-l gray"> <h1 class="near-black f3"> <a href=/templates/base/ class="link primary-color dim"> Base templates </a> </h1> <div class="lh-copy links"> The base and block construct allows you to define the outer shell of your master templates (i.e., the chrome of the page). <a href=/templates/base/ class="f6 mt2 db link primary-color dim"> Read More » </a> </div> </div> </div> <div class="relative flex-auto w-100 w-40-l mr3 mb3 bg-white ba b--moon-gray nested-copy-line-height weight-50"> <div class="bg-white mb2 pa3 pa4-l gray"> <h1 class="near-black f3"> <a href=/getting-started/configuration-markup/ class="link primary-color dim"> Configure markup </a> </h1> <div class="lh-copy links"> Configure rendering of markup to HTML. <a href=/getting-started/configuration-markup/ class="f6 mt2 db link primary-color dim"> Read More » </a> </div> </div> </div> <div class="relative flex-auto w-100 w-40-l mr3 mb3 bg-white ba b--moon-gray nested-copy-line-height weight-60"> <div class="bg-white mb2 pa3 pa4-l gray"> <h1 class="near-black f3"> <a href=/getting-started/configuration-build/ class="link primary-color dim"> Configure build </a> </h1> <div class="lh-copy links"> Configure global build options. <a href=/getting-started/configuration-build/ class="f6 mt2 db link primary-color dim"> Read More » </a> </div> </div> </div> <div class="relative flex-auto w-100 w-40-l mr3 mb3 bg-white ba b--moon-gray nested-copy-line-height weight-70"> <div class="bg-white mb2 pa3 pa4-l gray"> <h1 class="near-black f3"> <a href=/content-management/build-options/ class="link primary-color dim"> Build options </a> </h1> <div class="lh-copy links"> Build options help define how Hugo must treat a given page when building the site. <a href=/content-management/build-options/ class="f6 mt2 db link primary-color dim"> Read More » </a> </div> </div> </div> <div class="relative flex-auto w-100 w-40-l mr3 mb3 bg-white ba b--moon-gray nested-copy-line-height weight-90"> <div class="bg-white mb2 pa3 pa4-l gray"> <h1 class="near-black f3"> <a href=/content-management/image-processing/ class="link primary-color dim"> Image processing </a> </h1> <div class="lh-copy links"> Resize, crop, rotate, filter, and convert images. <a href=/content-management/image-processing/ class="f6 mt2 db link primary-color dim"> Read More » </a> </div> </div> </div> <div class="relative flex-auto w-100 w-40-l mr3 mb3 bg-white ba b--moon-gray nested-copy-line-height weight-210"> <div class="bg-white mb2 pa3 pa4-l gray"> <h1 class="near-black f3"> <a href=/templates/output-formats/ class="link primary-color dim"> Custom output formats </a> </h1> <div class="lh-copy links"> Hugo can output content in multiple formats, including calendar events, e-book formats, Google AMP, and JSON search indexes, or any custom text format. <a href=/templates/output-formats/ class="f6 mt2 db link primary-color dim"> Read More » </a> </div> </div> </div> </section> </div> </div> </div> </div> </main> <footer class="bg-primary-color-dark ph4-ns pt4 relative w-100" role=contentinfo> <div class="center flex-ns flex-wrap justify-between mw9 w-90"> <div class="pb3 pt4 w-100 w-50-ns"> <div class="b f3 light-gray mb3 nested-links tc"> By the <a href=https://github.com/gohugoio/hugo/graphs/contributors class=link>Hugo Authors</a><br> </div> <div class="center w4"> <img src=/images/hugo-logo-wide.svg alt="Hugo Logo"> </div> <ul class="center f6 list ma0 mv3 pa0 tc"><li class="dib mr3"><a href=https://github.com/gohugoio/hugo/issues/new class="dim link light-gray pv2">File an Issue</a></li><li class="dib mr3"><a href=https://discourse.gohugo.io/ class="dim link light-gray pv2">Get Help</a></li></ul> <ul class="center f6 list ma0 mv4 pa0 tc"> <li class="dib mr3"><a href=https://twitter.com/gohugoio class="dim link light-gray pv2">@GoHugoIO</a></li> <li class="dib mr3"><a href=https://twitter.com/spf13 class="dim link light-gray pv2">@spf13</a></li> <li class=dib><a href=https://twitter.com/bepsays class="dim link light-gray pv2">@bepsays</a></li> </ul> <p class="center f6 tc w-70"><a href=https://www.netlify.com><img src=/images/netlify-dark.svg alt="Netlify badge"></a></p> </div> <div class="w-100 w-50-l"> <style>a.show-on-hover{opacity:0}a.show-on-hover:hover{opacity:1}</style> <section class="pb3 w-100"> <div class="center mw9"> <h3 class="b f3 mv0 light-gray">Hugo Sponsors</h3> <div class="flex-ns flex-wrap center justify-between pt3"> <div class="ba b--dark-gray bg-light-gray br3 flex flex-column flex-wrap items-center justify-center ph3 pv4 mb4 w-100 w-30-l o-100" style=background-color:#fff> <a href="https://www.linode.com/?utm_campaign=hugosponsor&utm_content=gohugoio&utm_medium=banner&utm_source=hugofooter" title=Linode onclick='trackOutboundLink("Sponsor Linode Footer","https://www.linode.com/?utm_campaign=hugosponsor&utm_content=gohugoio&utm_medium=banner&utm_source=hugofooter")' class="w-100 grow pa3 f3"> <svg enable-background="new 0 0 575.8 178.3" viewBox="0 0 575.8 178.3"><path d="m148.6 78.9-24.7-13.6L103.1 78l-.3 13-10.1-6.7-13.8 8.4c-.2-3.9-.4-8.6-.6-14.2L64.1 69c3.9-2 8.4-4.3 13.5-7-.1.0.1 1.4-2-46.5l-32-15.4-43.6 13.6 9.7 46.9L24.3 72l-11.1 5.3 7.3 35.3 10.2 9.6-7.3 4.5 5.7 27.3L52 178.3c.1-.1 2.4-1.9 29.5-23.5l-.8-18.6 11.7 9.9c.2-.2 2.4-1.9 23.7-18.8l.8-13.7 8.8 6.1c.1-.2 2.1-1.7 19.3-15.3z"/><path d="m128.1 93.5 20.5-14.6-24.7-13.6L103.1 78z" fill="#141414"/><path d="m125.8 119.5 2.3-26-25-15.5-.5 25.4z" fill="#004b16"/><path d="m92.6 146-.3-27-25.1-19.1 1.9 26.4z" fill="#004b16"/><path d="m92.3 119 25.5-18.2-25.1-16.5-25.5 15.6z" fill="#141414"/><path d="m52.1 178.2-4.1-27.6-24.6-24.1 5.7 27.4z" fill="#004b16"/><path d="m48 150.6 32.4-23.1-25.1-20.4-31.9 19.4z" fill="#141414"/><path d="m45.9 136.3-5.3-36.4-27.4-22.8 7.3 35.4z" fill="#004b16"/><path d="m40.6 99.9 37.7-21.4-28.2-18.9-36.9 17.5z" fill="#141414"/><path d="m38 82.5-7.3-49.9L0 13.6l9.7 46.9z" fill="#004b16"/><path d="m30.7 32.6 44.9-17.2-32-15.4-43.6 13.6z" fill="#141414"/><g fill="#1cb35c"><path d="m145.2 104.2c-19 15.1-19.4 15.4-19.3 15.4 2.4-27.2 2.2-26 2.3-26C150 78.1 148.6 79 148.7 79z"/><path d="m116.2 127.2C92.7 145.9 92.4 146 92.5 146c-.2-28.2-.3-27-.2-27 27.1-19.4 25.4-18.2 25.5-18.2z"/><path d="m81.6 154.7C52.2 178 52 178.2 52.1 178.2c-4.2-28.4-4.1-27.5-4-27.5 34.5-24.6 32.3-23.1 32.4-23.1z"/><path d="m75.6 15.4c2.1 47.9 1.9 46.5 2 46.5C38.8 82.1 37.9 82.5 38 82.5c-7.5-51-7.4-49.9-7.3-49.9z"/><path d="m78.3 78.5c1.6 36.3 1.4 35.1 1.5 35.1-33.6 22.6-34 22.8-33.9 22.8C40.4 99 40.5 1e2 40.6 1e2z"/></g><path d="m191.4 33.6 16.8-4c0 81.8-3.1 93.5 8 97.1-2.6 4.9-7.1 7.4-13.3 7.4-15.3.0-11.5-11.3-11.5-100.5z"/><path d="m233.7 132.7V74.3h-9.2V60.5h26.3v72.2zm8.7-100.1c12.9.0 12.9 19.5.0 19.5s-12.9-19.5.0-19.5z"/><path d="m316.8 132.7c0-43.6 1.1-49.6-3.5-55.2-5.8-6.9-20-5-26.1 3v52.2h-16.8V60.5h12.1l3.1 6.7c9.1-10.8 30.4-10.9 40.6-.4 9.7 10 7.4 20.5 7.4 65.8z"/><path d="m347.2 96.4c0-49.2 69.4-51.1 69.4.0-.1 50.7-69.4 50.8-69.4.0zm17.5.0c0 28.8 22.2 27.7 29.7 17.7 7-9.4 8.8-41.2-12.5-41.2-12.3.0-17.2 11.3-17.2 23.5z"/><path d="m476.4 132.7c0-7.4 1.8-3.4-7.1-.4-10.2 3.5-25.1 2-34.1-7.9-11.1-12.3-12.6-39.5 1.3-54.6 11.4-12.3 28.5-13.1 39.9-7.4V33.5l16.9-4v103.1zm0-54.9c-8.9-7.1-20.9-4.8-26.8 1.9-8.1 9.1-11.2 40.2 16.2 40.2 2.9.0 9-2.2 10.6-4.4z"/><path d="m574.6 101.8H523c1.2 22.3 29 21.4 38.1 12.2l6.5 12.9c-14 11.3-62.3 15-62.3-29.5.1-54.1 81.3-49 69.3 4.4zm-51-12.7h35.5c-1.2-10.6-7-15.8-17.5-15.8-9.7.0-15.6 5.2-18 15.8z"/></svg> </a> </div> <div class="ba b--dark-gray bg-light-gray br3 flex flex-column flex-wrap items-center justify-center ph3 pv4 mb4 w-100 w-30-l o-100" style=background-color:#334799> <a href=https://route4me.com/ title="Route Planning & Route Optimization Software" onclick='trackOutboundLink("Sponsor Route4Me Footer","https://route4me.com/")' class="w-100 grow pa3 f3" style=color:#fff;font-weight:700;text-decoration:none;text-align:center> Route4Me </a> </div> <div class="ba b--dark-gray bg-light-gray br3 flex flex-column flex-wrap items-center justify-center ph3 pv4 mb4 w-100 w-30-l o-100" style=background-color:#f4f4f4> <a href="https://www.jetbrains.com/go/?utm_source=OSS&utm_medium=referral&utm_campaign=hugo" title="The complete IDE crafted for professional Go developers." onclick='trackOutboundLink("Sponsor GoLand Footer","https://www.jetbrains.com/go/?utm_source=OSS&utm_medium=referral&utm_campaign=hugo")' class="w-100 grow pa3 f3"> <svg fill="none" viewBox="0 0 238 79"><defs><linearGradient id="a" x1="63.6351" x2="39.318" y1="54.0451" y2="1.59593" gradientUnits="userSpaceOnUse"><stop offset=".24" stop-color="#00d886"/><stop offset=".51" stop-color="#007dfe"/></linearGradient><linearGradient id="b" x1="59.3792" x2=".674325" y1="4.38051" y2="63.0854" gradientUnits="userSpaceOnUse"><stop offset=".27" stop-color="#007dfe"/><stop offset=".7" stop-color="#d249fc"/></linearGradient></defs><path fill="#000" fill-rule="evenodd" d="M107.38 35.54h-7.19v-4.29h12.41v2.31c0 2.63-.62 5-1.88 7.11-1.26 2.12-2.99 3.78-5.19 4.99s-4.51 1.82-7.37 1.82-5.44-.67-7.74-2.02c-2.31-1.34-4.12-3.2-5.44-5.56S83 34.9 83 31.99s.66-5.55 1.98-7.91c1.32-2.36 3.14-4.21 5.44-5.56 2.31-1.35 4.89-2.02 7.74-2.02 2.27.0 4.36.4 6.29 1.21 1.93.8 3.56 1.93 4.9 3.39 1.35 1.45 2.29 3.14 2.85 5.07h-5.71c-.49-1-1.14-1.86-1.95-2.59-.82-.73-1.76-1.28-2.84-1.67-1.08-.39-2.25-.58-3.5-.58-1.84.0-3.51.46-5 1.38-1.49.92-2.66 2.19-3.5 3.81-.84 1.62-1.26 3.44-1.26 5.47s.42 3.85 1.26 5.47 2.01 2.89 3.5 3.81 3.16 1.38 5 1.38c1.71.0 3.25-.32 4.63-.96 1.38-.65 2.48-1.54 3.29-2.69.73-1.04 1.14-2.19 1.26-3.46zm19.54-11c2.15.0 4.11.5 5.86 1.5s3.13 2.37 4.14 4.12c1.01 1.74 1.51 3.7 1.51 5.85s-.5 4.1-1.51 5.85-2.38 3.12-4.14 4.12-3.74 1.5-5.89 1.5c-2.15.0-4.11-.5-5.86-1.5s-3.13-2.37-4.14-4.12c-1.01-1.74-1.51-3.7-1.51-5.85s.5-4.1 1.5-5.85 2.38-3.12 4.14-4.12c1.77-1 3.75-1.5 5.9-1.5zm3.25 17.55c.95-.58 1.69-1.4 2.21-2.46s.78-2.25.78-3.62-.26-2.58-.79-3.63c-.52-1.05-1.26-1.87-2.21-2.46-.95-.59-2.04-.89-3.26-.89-1.22.0-2.31.3-3.26.88s-1.68 1.4-2.2 2.46c-.52 1.06-.78 2.28-.78 3.64s.26 2.56.78 3.62c.52 1.05 1.25 1.88 2.2 2.46.94.59 2.04.88 3.26.88s2.32-.3 3.27-.88zm17.73-25.08h.01l-.01-.01v.01zm0 0h-5.3v29.96h19.75v-4.82H147.9V17.01zm30.87 8.73c1.11.66 2.02 1.54 2.73 2.63v-3.31h4.96v21.92h-4.96v-3.31c-.71 1.09-1.62 1.98-2.73 2.63-1.36.8-2.95 1.2-4.76 1.2-1.94.0-3.68-.49-5.22-1.47s-2.75-2.34-3.62-4.09-1.3-3.72-1.3-5.92.43-4.17 1.3-5.92 2.08-3.11 3.61-4.09 3.28-1.47 5.23-1.47c1.81.0 3.4.4 4.76 1.2zm-.29 16.36c.94-.59 1.67-1.41 2.2-2.46.53-1.05.79-2.26.79-3.63s-.26-2.58-.79-3.63c-.52-1.05-1.26-1.87-2.2-2.46s-2.05-.89-3.25-.89-2.27.3-3.21.89-1.67 1.41-2.19 2.46-.78 2.26-.78 3.63.26 2.58.78 3.64 1.25 1.88 2.19 2.46c.94.59 1.99.88 3.21.88s2.31-.3 3.25-.89zm24.72-17.56c1.57.0 2.95.34 4.13 1.03l.01.03c1.18.68 2.11 1.68 2.76 2.97.65 1.29.98 2.84.98 4.64v13.78h-5.03V33.98c0-1.06-.18-1.96-.54-2.7-.36-.74-.87-1.31-1.54-1.7s-1.47-.59-2.4-.59c-.99.0-1.88.22-2.65.67-.77.45-1.37 1.07-1.79 1.88-.42.81-.63 1.72-.63 2.75v12.69h-5.05V25.06h4.9v3.21c.63-1.06 1.44-1.92 2.45-2.55 1.25-.79 2.72-1.18 4.4-1.18zm29.04 3.79v-11.3h5.05v29.96h-5.05v-3.28c-.71 1.07-1.61 1.94-2.71 2.59-1.36.8-2.95 1.2-4.76 1.2-1.94.0-3.68-.49-5.22-1.47s-2.75-2.34-3.62-4.09-1.31-3.72-1.31-5.92.44-4.17 1.31-5.92 2.08-3.11 3.61-4.09 3.27-1.47 5.23-1.47c1.81.0 3.4.4 4.76 1.2 1.1.64 2 1.52 2.71 2.59zm-3.01 13.77c.95-.59 1.68-1.41 2.21-2.46s.79-2.26.79-3.63-.26-2.58-.79-3.63c-.53-1.05-1.27-1.87-2.21-2.46s-2.05-.89-3.25-.89-2.27.3-3.21.89-1.67 1.41-2.19 2.46-.78 2.26-.78 3.63.26 2.58.78 3.64 1.25 1.88 2.19 2.46c.94.59 1.99.88 3.21.88s2.31-.3 3.25-.89zM87.7037 74.19c.17-.31.25-.66.25-1.05h.01v-9.15h3.1v9.37c0 .88-.2 1.67-.61 2.38s-.97 1.26-1.68 1.66c-.71.4-1.52.6-2.41.6h-2.37v-2.85h1.95c.4.0.75-.08 1.05-.25.31-.17.54-.4.71-.71zm15.2603-1.9h-6.5003v3.02h7.3803v2.7H93.4437V63.99h10.2003v2.71h-7.1803v2.97h6.5003v2.62zm6.16-5.52h-4.16v-2.78h11.39v2.78h-4.13V78h-3.1V66.77zm17.2 3.9c.29.08.56.18.81.31h.01c.57.31 1.02.73 1.34 1.28s.48 1.17.48 1.86c0 .75-.2 1.42-.61 2.01-.41.59-.98 1.05-1.72 1.38s-1.58.5-2.52.5h-6.35V63.99h6.23c.89.0 1.69.16 2.39.47s1.24.75 1.63 1.31c.39.56.58 1.2.58 1.91.0.62-.15 1.17-.44 1.65-.29.48-.7.86-1.21 1.12-.18.0945-.386.1532-.585.21l-.035.01zm-2.8-4.33h-2.75v3.45h2.75c.38.0.72-.08 1.01-.22.3-.14.52-.34.69-.61s.25-.59.25-.93-.09-.64-.25-.89c-.17-.26-.4-.45-.69-.59-.29-.14-.63-.21-1.01-.21zm1.24 9.1c.32-.15.57-.35.75-.62v.02c.18-.27.27-.57.27-.93.0-.36-.09-.68-.27-.96-.18-.28-.44-.5-.76-.65-.33-.15-.7-.23-1.11-.23h-2.87v3.59h2.87c.42.0.8-.07 1.12-.22zm16.56-4.67c-.43.67-1.03 1.2-1.81 1.57h-.01c-.14.07-.3.13-.46.19l3.2 5.48h-3.54l-2.84-5.11h-2.02v5.11h-3.1V63.99h6.14c1.01.0 1.9.18 2.67.55.77.37 1.36.89 1.78 1.56s.63 1.43.63 2.32c0 .89-.21 1.68-.64 2.35zm-3.56-.61c.32-.16.57-.39.74-.68v.01c.17-.29.26-.63.26-1.03s-.09-.74-.26-1.03-.42-.51-.74-.67c-.32-.15-.7-.23-1.13-.23h-2.79v3.87h2.79c.43.0.81-.08 1.13-.24zm5.51 7.85 5.01-14.02h3.36l5.12 14.02h-3.09l-1.06-3.09h-5.2l-.99 3.09h-3.15zm6.46-10.39-1.61 4.95h3.71l-1.72-4.95-.19-.9-.19.9zm11.43 10.39h-3.2V63.99h3.2v14.02zm5.44-14.02 6.02 9.48h.01v-9.48h2.83v14.02h-3.05l-6-9.48v9.48h-2.83V63.99h3.02zm17.78 5.66c.71.13 1.33.4 1.88.79v-.02c.55.4.97.88 1.28 1.47s.46 1.23.46 1.92c0 .85-.23 1.61-.68 2.28-.45.67-1.08 1.2-1.88 1.58-.81.38-1.74.57-2.77.57s-1.95-.19-2.75-.56-1.43-.9-1.89-1.56c-.46-.66-.7-1.44-.71-2.31h3.1c0 .36.1.68.29.96.19.28.46.49.81.64s.75.23 1.18.23.8-.07 1.12-.2c.32-.13.56-.32.74-.57s.27-.53.27-.84c0-.39-.12-.71-.36-.97s-.57-.44-.98-.54l-2.52-.52c-.66-.14-1.24-.39-1.74-.75s-.89-.82-1.16-1.36c-.27-.55-.41-1.16-.41-1.83.0-.84.22-1.58.64-2.23.43-.65 1.02-1.16 1.78-1.53.76-.37 1.62-.55 2.6-.55s1.86.18 2.62.53c.76.35 1.36.84 1.79 1.47.43.62.66 1.35.68 2.16h-3.1c0-.3-.09-.57-.25-.81-.17-.24-.4-.42-.69-.55-.29-.14-.64-.2-1.02-.2s-.72.07-1.01.19-.52.3-.68.52c-.16.23-.24.49-.24.79.0.34.11.61.33.84s.52.38.89.47l2.38.49zm14.38 8.36h-3.2V63.99h3.2v14.02zm7.88-14.02c1.33.0 2.53.31 3.59.91 1.06.61 1.9 1.44 2.5 2.51.61 1.06.91 2.27.91 3.59.0 1.32-.31 2.52-.91 3.59-.6 1.07-1.43 1.9-2.5 2.51s-2.26.91-3.59.91h-5.47V63.99h5.47zm2.01 10.86c.58-.35 1.03-.85 1.34-1.5v-.01c.31-.65.47-1.44.47-2.35s-.16-1.7-.47-2.35c-.31-.65-.76-1.15-1.34-1.5s-1.26-.52-2.05-.52h-2.32v8.75h2.32c.79.0 1.47-.17 2.05-.52zm9.8-2.56v3.02h7.38v2.7h-10.4V63.99h10.2v2.71h-7.18v2.97h6.5v2.62h-6.5z" clip-rule="evenodd"/><path fill="#00d886" d="m48.0521 58.1839 11.8755-.0017c2.2493.0 4.0722-1.8234 4.0722-4.0727V42.6029c0-1.1887-.5196-2.3186-1.422-3.0924L24.4164 6.80068c-.7384-.63244-1.6786-.98037-2.6508-.98037H9.89011c-2.24931.0-4.07273 1.82342-4.07273 4.07273V21.4014c0 1.1887.51957 2.3185 1.42197 3.0924L45.4002 57.203c.7383.633 1.6786.9804 2.6514.9804l5e-4 5e-4z"/><path fill="url(#a)" d="M49.4806 58.1818h10.4465c2.2493.0 4.0728-1.8234 4.0728-4.0727V41.0164c0-.1925-.014-.3851-.0408-.576L58.6815 3.49673C58.3952 1.49062 56.6765.0 54.65.0H38.977c-2.2499.0-4.0733 1.824-4.0727 4.07389l.0047 18.53851c0 .4375.0704.8721.2088 1.2869l10.4995 31.4979c.5545 1.6629 2.1109 2.7846 3.8639 2.7846h-6e-4z"/><path fill="url(#b)" d="M4.07273 64H38.041c1.6291.0 3.1017-.9711 3.7434-2.4681l16.0681-37.4906c.217-.5068.3293-1.0531.3293-1.6046V4.07273C58.1818 1.82342 56.3584.0 54.1091.0h-17.966c-.8046.0-1.5912.238545-2.2609.685382L1.81353 22.0881C.681309 22.8439.001745 24.1146.001745 25.4755L0 59.9273C0 62.1766 1.82342 64 4.07273 64z"/><path fill="#000" d="M52 12H12v40h40V12z"/><path fill="#fff" d="M19.764 31.6245c1.174.6765 2.4847 1.0155 3.9318 1.0155 1.3899.0 2.6427-.3095 3.7589-.9293 1.1231-.6197 2.005-1.4651 2.6461-2.5384.6481-1.0798.9721-2.2857.9721-3.6183v-1.1879h-6.405v2.3221h3.516c-.0722.5605-.2761 1.0718-.6106 1.5339-.3958.5468-.9322.9762-1.6092 1.2852-.6701.3096-1.4188.4646-2.2469.4646-.8928.0-1.6988-.2227-2.4193-.6695-.7204-.4467-1.2857-1.0583-1.6959-1.836-.4034-.784-.6047-1.667-.6047-2.6461.0-.979.2013-1.858.6047-2.6357.4108-.7846.9761-1.4003 1.6959-1.847.7199-.4467 1.5265-.6695 2.4193-.6695.6053.0 1.1706.0972 1.696.2916.526.1875.9831.4577 1.372.8101.3958.3455.7094.7563.9397 1.2314h3.1542c-.2737-.9866-.7529-1.8575-1.4368-2.6137-.677-.7563-1.5126-1.3436-2.5061-1.7608-.9866-.4172-2.0669-.6267-3.2404-.6267-1.4477.0-2.7583.3414-3.9318 1.0259-1.1741.6765-2.0959 1.6133-2.7653 2.8082-.6695 1.1879-1.0046 2.5165-1.0046 3.9856.0 1.4692.3351 2.8018 1.0046 3.9967.67 1.1879 1.5918 2.1236 2.7653 2.8081z"/><path fill="#fff" fill-rule="evenodd" d="M36.1829 31.6245c1.181.6765 2.4951 1.0155 3.9422 1.0155 1.4541.0 2.7688-.339 3.9423-1.0155 1.181-.6845 2.1062-1.6202 2.7757-2.8081.6695-1.1949 1.0045-2.5275 1.0045-3.9967.0-1.4691-.335-2.7977-1.0045-3.9856-.6695-1.1949-1.5947-2.1317-2.7757-2.8082C42.8939 17.3414 41.5723 17 40.1251 17c-1.4471.0-2.7612.3414-3.9422 1.0259-1.1735.6765-2.0988 1.6133-2.7758 2.8082-.6695 1.1879-1.0045 2.5165-1.0045 3.9856.0 1.4692.335 2.8018 1.0045 3.9967.6765 1.1879 1.6023 2.1236 2.7758 2.8081zm6.3621-2.2463c-.7129.4468-1.516.6695-2.4089.6695-.8928.0-1.6994-.2227-2.4193-.6695-.7128-.4536-1.2747-1.0756-1.685-1.8684-.4033-.7991-.6046-1.696-.6046-2.6895.0-.9935.2013-1.8858.6046-2.6785.4103-.7991.9722-1.4217 1.685-1.8684.7199-.4537 1.5265-.6805 2.4193-.6805.8929.0 1.696.2268 2.4089.6805.7129.4467 1.2707 1.0693 1.674 1.8684.4033.7921.6047 1.685.6047 2.6785s-.2014 1.8904-.6047 2.6895c-.4033.7922-.9611 1.4148-1.674 1.8684z" clip-rule="evenodd"/><path fill="#fff" d="M16.9941 44h16v3h-16v-3z"/></svg> </a> </div> </div> </div> </section> </div> </div> <div class="f7 gray mb5 mb0-ns ph3 w-100"> <p class="dib mr4">The Hugo logos are copyright © Steve Francia 2013–2024.</p> <p class=dib>The Hugo Gopher is based on an original work by Renée French.</p> </div> <img src=/images/gopher-side_color.svg alt class="absolute-l bottom-0 dn db-l h4 right-0 z-999"> <div class="bg-primary-color-dark bottom-0 left-0 right-0 dn-l fixed pb3 ph3 pt3 w-100 z-2"><div class="globalmenu mobilemenu pb1 dn"> <ul class="list hidden dib ph0 scrolling-touch tc"> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/news/ class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4"> News </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/documentation/ class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4"> Docs </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=https://themes.gohugo.io/ class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4"> Themes </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=https://discourse.gohugo.io/ class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4"> Community </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=https://github.com/gohugoio/hugo class="ttu f6 link primary-color-light overflow hover-white db brand-font ma0 w-100 pv3 ph4"> GitHub </a> </li> </ul> </div> <div class="docsmenu mobilemenu pb1 dn"> <ul class="list dib ph0 scrolling-touch tc"> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/about/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> About </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/installation/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Installation </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/getting-started/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Getting started </a> </li> <li class="tl dib ma0 hover-bg-black w-100 mb2 bb b--mid-gray"> <a href=/quick-reference/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Quick reference </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/content-management/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Content management </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/templates/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Templates </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/functions/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Functions </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/methods/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Methods </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/render-hooks/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Render hooks </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/hugo-modules/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Hugo Modules </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/hugo-pipes/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Hugo Pipes </a> </li> <li class="tl dib ma0 hover-bg-black w-100 mb2 bb b--mid-gray"> <a href=/commands/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> CLI </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/troubleshooting/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Troubleshooting </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/tools/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Developer tools </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/hosting-and-deployment/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Hosting and deployment </a> </li> <li class="tl dib ma0 hover-bg-black w-100 mb2 bb b--mid-gray"> <a href=/contribute/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Contribute </a> </li> <li class="tl dib ma0 hover-bg-black w-100"> <a href=/maintenance/ class="ttu f6 link primary-color-light hover-white db brand-font mb1 ma0 w-100 pv2 ph4"> Maintenance </a> </li> </ul> </div> <div class="flex dn-l justify-between"> <button class="js-toggle flex-auto dib dn-l f6 tc db ph3 pv2 link mr2 white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=.globalmenu>Menu</button> <button class="js-toggle flex-auto dib dn-l f6 tc db ph3 pv2 link white bg-primary-color-dark hover-bg-primary-color ba b--white-40 w-auto" data-target=.docsmenu>Docs Menu</button> </div> </div> </footer> </body> </html>