hugo/docs/content/templates/404.md

aliases	date	linktitle	menu	next	notoc	prev	title	weight
/layout/404/	2013-08-21	Custom 404 page	main parent layout	/taxonomies/overview	true	/templates/sitemap	404.html Templates	100

When using Hugo with GitHub Pages, you can provide your own template for a custom 404 error page by creating a 404.html file in the root.

404 pages are of the type "node" and have all the node variables available to use in the templates.

In addition to the standard node variables, the 404 page has access to all site content accessible from .Data.Pages.

▾ layouts/
    404.html

404.html

This is a basic example of a 404.html template:

{{ partial "header.html" . }}
{{ partial "subheader.html" . }}

<section id="main">
  <div>
   <h1 id="title">{{ .Title }}</h1>
  </div>
</section>

{{ partial "footer.html" . }}