Basics

Learn Thulite basics, from content and layouts to assets, integrations, templates, and deployment, so you can build and ship sites confidently.

Project Structure

Understand the Thulite project structure and where to place content, configuration, templates, assets, and static files for smooth workflows.

Pages

Create and organize Thulite pages with regular files, leaf bundles, and branch bundles while controlling URL structure through content paths.

Markdown

Write Thulite content with Markdown syntax, frontmatter, code blocks, and media patterns that keep documentation readable and easy to maintain.

Shortcodes

Use and create Hugo shortcodes in Thulite to embed reusable UI patterns in Markdown, keeping content expressive and template logic reusable.

Archetypes

Define archetypes to standardize frontmatter for new content, reduce repetitive editing, and keep metadata consistent across sections in Thulite.

Layouts

Understand Thulite layout files, partial structure, and Hugo template lookup so you can customize how home, list, and single pages are rendered.

Partials

Build reusable partial templates in Thulite layouts to share rendering logic, reduce duplication, and keep template code maintainable.

Menus

Configure multilingual navigation menus in Thulite with menu files, weights, and page references for clear main, social, and footer navigation.

Styles

Customize Thulite styling with SCSS variables and custom stylesheets, then rely on the build pipeline for compiled and optimized CSS output.

Scripts

Add custom JavaScript in Thulite using assets/js, DOM-ready patterns, and focused behaviors that improve interactivity without slowing pages.

Images

Organize and reference images in Thulite using practical paths, accessible alt text, and asset guidelines that keep pages clear and performant.

Fonts

Self-host fonts in Thulite with Fontsource, Hugo mounts, and SCSS variables to improve privacy, consistency, and performance across your site.