{ "title": "Docs", "date": "2026-07-22T08:54:00-04:00" } [TOC] ## Introduction This guide assumes you have either read [The Guide](../guide), or have built a [Hugo](https://gohugo.io) site before. It also assumes you have a basic knowledge of HTML and CSS. ## Features Thor has many features and content processors available. In an effort to provide the best out of the box experience, most of them are enabled by default. ### Opt-In Features TODO: #### deflist syntax TODO: #### footnotes #### Minify If enabled, `minify` will perform simple whitespace removal on all your output `.html` files, and any `.css` files in your `assets` directories. Minifying JavaScript is not supported (yet). TODO: Do we minify inline css? ### Opt-Out Features - emoji - sidenotes/marginnotes - syntax highlighting - heading ids - TODO: Table Of Contents Generation ## Directories Like Hugo, a Thor project is a collection of specially named directories, plus a config file. content : `content` holds your pages and page bundles. layouts : `layouts` holds your templates and partials. assets : `assets` contains any static files for your site (favicon.ico, etc.), as well as files you want to send through the asset pipeline (CSS or JS files). public : `public` will contain your completed site. All of these names can be remapped in `thor.json`. > [!NOTE] While directories can be remapped at the site level, modules must (currently) adhere to the defaults. ### Asset pipeline Currently, there is only one asset processor, and that is [the minifier](#minify). ### Pages & Page Bundles Page content can either be defined in a single file (`contact.md`), or in a directory (`contact/index.md` + `contact/our-team.jpg`). Single file pages are preferred to page bundles.[^1] [^1]: That's not you say you shouldn't use bundles, but if you have no additional resources on your page, there's no benefit to using a bundle. Thor currently supports 2 formats for page files: MarkDown (`.md`), and HTML (`.html`). ## Templates[^tempmod] [^tempmod]: Template modification is an "advanced" feature, and shoud probably be discussed later in the page. (or possibly in the guide.) Sites are built using one or more template files written in an extended version of [mustache](https://mustache.github.io) templates. The [mustache manual](https://mustache.github.io/mustache.5.html) has great explainations and a lot of examples if you want to know more, but I'll summarize them for you here. ### Tags #### Variables In order do display a scalar (not-list) value in your template, simply wrap it in double curly braces. e.g. `{{ page.title }}`. This content will be HTML escaped (for safety), so if the value you're rendering contains html, you'll need to use the raw syntex instead `{{& page.title}}` which will output the value without stripping or re-writing content. `{{{ raw }}}` syntax is supported for raw html output, but `{{& raw }}` is preferred, as it's easy to accidentily insert too many braces. In most[^most] cases, invalid keys will be silently ignored (nothing between the braces will appear), in keeping with the official mustache spec. [^most]: TODO: in what cases won't it? spelllcheck + strict mode? Leading and trailing whitespace(s) are ignored by the parser, so the folllowing are all equivilent: `{{& title }}`, `{{&title}}`, `{{& title}}`. #### Sections TODO: #### Inverted Sections TODO: #### Partials TODO: TODO: Talk about MAX_CONTEXT_DEPTH (currently 16) and how it limits the total number of nested templates to 13. (3 for `[site, page, ctx]`) ##### Dynamic Partials #### Blocks TODO: #### Parents TODO: #### Summary `{{page.title}}` for normal values `{{&page.title}}` for values that contain HTML. `` for list values. `{{#params.is_starred}}{{/params.is_starred}}` for conditional content. `{{^pages}}No pages yet!{{/pages}}` to draw content when the value is empty. ### Section Names When building your own templates, you are of course free to pick whatever names you choose for your partials and content slots. However, sticking to conventions helps create consistency in the ecosystem, and reduces friction when relying on a built-in template. `{{$main}}...{{/main}}` : the `main` section should be used in templates to denote the part of the page that is unique to that page. For the most part, your templates should look like this ```mustache {{

Actual page content goes here

{{&page.content}} {{/main}} {{/base}} ``` ### Context When building your page(s), the following keys are accessible to your template files: `now` : The Current `DateTime`. see [DateTime](#datetimes) `title` : The title of the current page. Unless overridden, it will be expand to `{{ page.title }} | {{ site.title }}`. [^title] [^title]: Is there actually a way to overwrite this? `date_format` : The default format to use for dates. Configured in `thor.json:date.format`. `timezone` : The timezone to convert dates to when using `{{ date | format }}`. Configured in `thor.json:date.timezone`. `site` : The site parameters that are usable in templates, see [site](#site). `pages` : Returns all regular pages, sorted by `?`. Regular pages exclude index pages like home and section roots. `og` : Contains the [Open Graph](https://ogp.me/) metadata for the current page. #### Page `page.content` : The HTML rendered page content TODO: write #### Site TODO: Write #### Params `site.params` and `page.params` are an escape hatch to let users inject arbetrary data into their website. The following are some conventional examples theme developers may want to use to ensure a consistent experience across themes. `author` : The author of the current page or site. See [schema.org](https://schema.org/author) for the recommended format. #### The Context Stack When building your page(s), each template is fed a Context[^ctx] stack that contains all the data should you need to build your page. [^ctx]: (for developers) `Template_Context` is not the same as Odin's implicit `context` parameter. The context stack is initialized[^init] as `[site, page, context]`, meaning if you use a key like `{{title}}` in your template, it will look up `context.title`, `page.title`, and then finally `site.title`, using the first available value it can find. [^init]: TODO: Don't use programmer speak. TODO: As you descend into sections/partials, new contexts are placed onto the stack, so they resolve first. (LIFO order) ```mustache {{ {{&page.content}} {{&content}} {{$page}}{{&content}}{{/page}} {{$page.content}}{{&.}}{{/page.content}} {{/main}} {{/base}} ``` ### Filters Because mustache is a logic-less language, (there are no `for` or `if` tags), Thor extends mustache to include a handful of data filters in the form of pipes. Bash users will feel right at home here. `group_by ` : Allows you to group pages by the given field. e.g. ```mustache {{#pages | group_by year }}
{{$key}} {{! The group's year}}
    {{#items}}
  • {{title}} {{! The title of each of that year's pages }} {{/items}}
{{/pages}} ``` `sort_by ` : Allows you to sort pages by the given field. `first ` : Given a list, returns only the first `n` items. `n` defaults to 1. Given a string, returns the first `n` runes of the string. To help catch mistakes, `n` is required for strings. `last ` : Given a list, returns only the last `n` items. `n` defaults to 1. Given a string, returns the first `n` runes of the string. To help catch mistakes, `n` is required for strings. `format ""` : Used to display a date in a particular format. See [DateTimes](#datetimes). If no format is given, the default will be used. #### Chaining Pipes Thor allows you to chain two or more pipes, to allow complex data manipulation. However for performance and stylistic reasons, you are limited to no more than **8 pipes**[^pipes] for any given tag. If you believe you need more than 8 pipes, please [open an issue](../issues) with a **concrete example** of the problem you are facing. [^pipes]: TODO: THis number must be kept in-sync with `MAX_PIPES`. **Examples:** ```mustache {{ pages | group_by year | first }} {{! All pages from the current year }} ``` ```mustache {{ pages | sort_by date desc | first }} {{! The latest page }} ``` ### Partials Partials are templates that render a portion of a page. To include a partial, the standard [mustache syntax](https://mustache.github.io/mustache.5.html#Partials) is used. All partials are resolved relative to the root partials directory, so to include a partial at `layouts/partials/my_partial.html`, you would use `{{> my_partial}}`. Users can create or override as many partials as they want; several are included for convienience: `{{> opengraph}}` : This partial willl render the Open Graph meta tags for your page. It should be placed inside the `` tag. See the [Open Graph](#open-graph) section for more details. ### DateTimes Dates are strings in one of the following formats: | Format | Time zone | | --------------------------- | ---------------------------- | | `2023-10-15T13:18:50-07:00` | `America/Los_Angeles` | | `2023-10-15T13:18:50-0700` | `America/Los_Angeles` | | `2023-10-15T13:18:50Z` | `Etc/UTC` | | `2023-10-15T13:18:50` | Default is local system time | | `2023-10-15` | Default is local system time | | `15 Oct 2023` | Default is local system time | If you want to display a date in a different format, you can use the `| format` Filter. With no argument, it will default to formatting the date with `site.date_format`. ## Menus TODO: Describe ## Open Graph TODO: default Template support TODO: Template override support TODO: how to overwrite defaults (in page frontmatter / thor.json) ## Zen > The guding principals behind Thor. Simpler is Better : We are [Grug](https://grugbrain.dev/) developers. We do everything the "dumb" way first, then optimize the **measured** bottlenecks. Zero is Beautiful : The less configuration needed, the better. A site can be built from multiple modules or a single `index.md`. On By Default : Users shouldn't have to enable features, unless those features significantly impact performance or mangle regular content. Fault Tolerant : When possible, mistakes should be recovered with warnings. When fatal errors occur, the user should have all the information they need to fix it quickly.