Layouts

Layouts are templates in layouts/ that control how your content is rendered.

In Thulite, content comes from content/ and layout logic comes from layouts/.

Core layout files#

This project uses three main layout entry points:

• layouts/home.html for the home page
• layouts/list.html for section and list pages
• layouts/single.html for regular content pages

Shared template pieces live in layouts/_partials/.

Examples#

single.html defines the main docs page structure and renders page content:

{{ define "main" }}
<div class="page-header d-flex flex-row justify-content-between align-items-start">
  <div>
    <h1>{{ .Title }}</h1>
  </div>
</div>
{{ .Content }} {{ end }}

How layout selection works#

Hugo picks the most specific matching template for each page type.

In practice:

• Home page content uses home.html
• Section pages use list.html
• Regular pages use single.html

Start by editing these files, then extract repeated UI into partials.

Learn more#

Thulite leverages Hugo’s templates. Here are some relevant topics: