shithub: hugo

ref: 2a44ca543b26677a182fcb620b219a29dfe3a508
dir: /docs/content/templates/404.md/

View raw version
---
title: "404.html Templates"
linktitle: "404"
date: "2013-08-21"
notoc: true
weight: 100
menu:
  main:
    parent: 'layout'
aliases: ["/layout/404/"]
prev: "/templates/sitemap"
next: "/taxonomies/overview"
---

When using Hugo with [github pages](http://pages.github.com/) you can provide
your own 404 template by creating a 404.html file in the root.

404 pages are of the type "node" and have all the [node
variables](/layout/variables/) available to use in the templates.

In addition to the standard node variables, the homepage 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:

    {{ template "chrome/header.html" . }}
    {{ template "chrome/subheader.html" . }}

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

    {{ template "chrome/footer.html" }}