Core Hugo Shortcodes | Core Hugo Shortcodes

Core Hugo Shortcodes

Shortcode docs & examples

Run: hugo server -D

Core dx/ Shortcodes

v1.1.0 · 2026-01-05

core-hugo-shortcodes

Getting started

How to use this module (and contribute)

some of the design decisions that were made while building this module

Why namespaced shortcodes?

the 'dx' namespace

Guides

Theme overrides

Override dx/* colours and dx/code syntax highlighting using CSS variables — no forks required.

Shortcodes

dx/bgbox – Background box

Wrap content in a clean framed box with tone-based colours.

dx/code – Code blocks for documentation

Display syntax-highlighted code blocks with optional copy button and line numbers.

dx/compare - Compare shortcode test

A quick test page for the compare shortcode (side-by-side + slider).

dx/photo - Photo Display with Captions and EXIF Data

The photo shortcode was built to display images with captions and EXIF data. Wrapping this in a *bbox* shortcode is a nice way to make a callout box around the image.

dx/pullquote - Pullquote

A styled pullquote for highlighting key quotations with optional author attribution.