hugo/docs/content/overview/source-directory.md
2016-09-16 17:13:59 +02:00

2.6 KiB

aliases lastmod date menu next notoc prev title weight
/doc/source-directory/
2015-02-09 2013-07-01
main
parent
getting started
/content/organization true /overview/configuration Source Organization 50

Hugo takes a single directory and uses it as the input for creating a complete website.

The top level of a source directory will typically have the following elements:

▸ archetypes/
▸ content/
▸ data/
▸ i18n/
▸ layouts/
▸ static/
▸ themes/
  config.toml

Learn more about the different directories and what their purpose is:

  • [config]({{< relref "overview/configuration.md" >}})
  • [data]({{< relref "extras/datafiles.md" >}})
  • [i18n]({{< relref "content/multilingual.md#translation-of-strings" >}})
  • [archetypes]({{< relref "content/archetypes.md" >}})
  • [content]({{< relref "content/organization.md" >}})
  • [layouts]({{< relref "templates/overview.md" >}})
  • [static]({{< relref "themes/creation.md#static" >}})
  • [themes]({{< relref "themes/overview.md" >}})

Example

An example directory may look like:

.
├── config.toml
├── archetypes
|   └── default.md
├── content
|   ├── post
|   |   ├── firstpost.md
|   |   └── secondpost.md
|   └── quote
|   |   ├── first.md
|   |   └── second.md
├── data
├── i18n
├── layouts
|   ├── _default
|   |   ├── single.html
|   |   └── list.html
|   ├── partials
|   |   ├── header.html
|   |   └── footer.html
|   ├── taxonomies
|   |   ├── category.html
|   |   ├── post.html
|   |   ├── quote.html
|   |   └── tag.html
|   ├── post
|   |   ├── li.html
|   |   ├── single.html
|   |   └── summary.html
|   ├── quote
|   |   ├── li.html
|   |   ├── single.html
|   |   └── summary.html
|   ├── shortcodes
|   |   ├── img.html
|   |   ├── vimeo.html
|   |   └── youtube.html
|   ├── index.html
|   └── sitemap.xml
├── themes
|   ├── hyde
|   └── doc
└── static
    ├── css
    └── js

This directory structure tells us a lot about this site:

  1. The website intends to have two different types of content: posts and quotes.
  2. It will also apply two different taxonomies to that content: categories and tags.
  3. It will be displaying content in 3 different views: a list, a summary and a full page view.