Shortcodes

Docs-oriented shortcodes that ship with hugodoks, each with a live demo.

hugodoks ships ten Pico-flavored shortcodes for documentation pages. Every page in this section is a live demo — the rendered result first, the source right after.

To show literal shortcode syntax inside a code block (as these pages do), escape it: {{< hint info >}} renders as text instead of executing.

hint

Callout boxes: note, tip, warning, danger, info and success, with optional custom titles.

button

Links rendered as Pico buttons, with optional icon and outline.

pagelink

A card linking to an internal page, resolved from the content tree.

columns

Side-by-side content columns built on Pico’s .grid.

steps

A numbered step list with accent markers, for procedures.

tabs

Tabbed panels for variants — platforms, package managers, languages.

annotated

A code block followed by a numbered annotation list.

types

Inline data-type badges for parameter tables and signatures.

paramcallout

A callout that renders only when a named site param is set.

icons

A gallery of every icon in the vendored Phosphor font — pick a name, use it anywhere.