# Hextra

> Modern, responsive, batteries-included Hugo theme for creating beautiful static websites.


## Archives

## Blog
- [Hextra v0.12](https://imfing.github.io/hextra/blog/v0.12/): Hextra v0.12.0 delivers a rich set of new features including page context menus, image zoom, … - Published 2026-02-20
- [Hextra v0.11](https://imfing.github.io/hextra/blog/v0.11/): Hextra v0.11.0 focuses on UX polish and useful new components: site-wide banner, improved callouts … - Published 2025-08-30
- [Hextra v0.10](https://imfing.github.io/hextra/blog/v0.10/): Hextra v0.10.0 is a big release packed with new capabilities, architectural upgrades, and … - Published 2025-08-14
- [Markdown Syntax Guide](https://imfing.github.io/hextra/blog/markdown/): This article offers a sample of basic Markdown syntax that can be used in Hugo content files. - Published 2020-01-01

## Introduction
- [Getting Started](https://imfing.github.io/hextra/docs/getting-started/): Quick Start from Template imfing/hextra-starter-template

### Guide
- [Organize Files](https://imfing.github.io/hextra/docs/guide/organize-files/): Directory Structure By default, Hugo searches for Markdown files in the content directory, and the …
- [Configuration](https://imfing.github.io/hextra/docs/guide/configuration/): Hugo reads its configuration from hugo.yaml in the root of your Hugo site. The config file is where …
- [Markdown](https://imfing.github.io/hextra/docs/guide/markdown/): Hugo supports Markdown syntax for formatting text, creating lists, and more. This page will show you …
- [Syntax Highlighting](https://imfing.github.io/hextra/docs/guide/syntax-highlighting/): Hugo uses Chroma , a general purpose syntax highlighter in pure Go, for syntax highlighting. It is …
- [LaTeX](https://imfing.github.io/hextra/docs/guide/latex/): LaTeX math expressions are rendered using KaTeX\KaTeXKATE​X (katex.org ) by default. Simply start …
- [Diagrams](https://imfing.github.io/hextra/docs/guide/diagrams/): Currently, Hextra supports Mermaid for diagrams.
- [Deploy Site](https://imfing.github.io/hextra/docs/guide/deploy-site/): Hugo generates static websites, allowing for flexible hosting options. This page provides guides for …

#### Shortcodes
- [Asciinema Player Component](https://imfing.github.io/hextra/docs/guide/shortcodes/asciinema/): Overview The asciinema shortcode allows you to embed terminal recordings created with asciinema in …
- [Callout Component](https://imfing.github.io/hextra/docs/guide/shortcodes/callout/): A built-in component to show important information to the reader.
- [Cards Component](https://imfing.github.io/hextra/docs/guide/shortcodes/cards/): Example Callout Card with tag custom tag No Icon Image CardInternet Image Local ImageRaw image under …
- [Details](https://imfing.github.io/hextra/docs/guide/shortcodes/details/): A built-in component to display a collapsible content.
- [FileTree Component](https://imfing.github.io/hextra/docs/guide/shortcodes/filetree/): Example content _index.md docs _index.md introduction.md introduction.fr.md hugo.toml Usage …
- [Hextra Shortcodes](https://imfing.github.io/hextra/docs/guide/shortcodes/hextra/): The main usage of these shortcodes are within the layout hextra-home.
hextra/feature-card A …
- [Icon](https://imfing.github.io/hextra/docs/guide/shortcodes/icon/): To use this shortcode inline, inline shortcode needs to be enabled in the config: …
- [Jupyter Notebook Component](https://imfing.github.io/hextra/docs/guide/shortcodes/jupyter/): Experimental feature to include Jupyter Notebooks via a shortcode. Note that not all cell types are …
- [Other Shortcodes](https://imfing.github.io/hextra/docs/guide/shortcodes/others/): Some of these are Hugo built-in shortcodes. These shortcodes are considered less stable and may be …
- [Steps](https://imfing.github.io/hextra/docs/guide/shortcodes/steps/): A built-in component to display a series of steps.
You can use the Markdown attribute …
- [Tabs](https://imfing.github.io/hextra/docs/guide/shortcodes/tabs/): Example JSONYAMLTOML JSON: JavaScript Object Notation (JSON) is a standard text-based format for …
- [Term](https://imfing.github.io/hextra/docs/guide/shortcodes/term/): A built-in component to display a terminology definition.
Glossary definition is maintained in a …

### Advanced Topics
- [Additional Pages](https://imfing.github.io/hextra/docs/advanced/additional-pages/): Hextra includes additional pages that you can enable explicitly: glossary and archives.
- [Multi-language](https://imfing.github.io/hextra/docs/advanced/multi-language/): Hextra supports creating site with multiple languages using Hugo’s multilingual mode .
- [Comments System](https://imfing.github.io/hextra/docs/advanced/comments/): Hextra supports adding comments system to your site. Currently giscus is supported.
- [Customizing Hextra](https://imfing.github.io/hextra/docs/advanced/customization/): Hextra offers some default customization options in the hugo.yaml config file to configure the …

## Glossary

## Root Pages
- [About](https://imfing.github.io/hextra/about/): Hextra is designed to be a simple, fast, and flexible theme for building modern static websites. It …
- [Showcase](https://imfing.github.io/hextra/showcase/): Open source projects powered by Hextra Sortie PrintN Beginner Privacy Clace Regolith Desktop Model …

---
Generated on 2026-08-07 23:29:56 UTC
Site: https://imfing.github.io/hextra/