Shortcodes Demos

June 13, 2025
Published in demo

Abstract

radion comes with some handy shortcodes to make your life easier and your posts more exciting.

Keywords: gif, fancy

Here are some examples:

GIF-Suport

Level up your posts with GIFs!

$$ \texttt{{{ gif(sources=["path/to/file"], width=[1-100], caption=[""]) }}} $$

Fancy Notes

$$ \texttt{{{ note(body="...", header=["" | "Note"], center=[true/false | false]) }}} $$

Note

Some really insightful note here.

$$ \sum_{i=1}^{n} i = \frac{n(n+1)}{2} $$

YouTube Video Embedding

$$ \texttt{{{ youtube(id="youtube-id", width=[1-100], [playlist="playlist id"]) }}} $$

Standalone video:

$$ \texttt{{{ youtube(id="ym3y13nA3ew", width=80) }}} $$


Video from a playlist:

$$ \texttt{{{ youtube( id="LnzuMJLZRdU", width=80, playlist="PLowKtXNTBypFbtuVMUVXNR0z1mu7dp7eH") }}} $$

Audio File Embedding

$$ \texttt{{{ audio(source="path/to/file") }}} $$

If you're still falling for this, I don't know what to tell you.

Responsive Images

$$ \texttt{ {{ responsive(src="path/to/image", caption="Optional caption", width=[1-100], align=["left"|"right"|"center"])}} } $$

Picture of Rust mascot Ferris

Everyone say 'Hi Ferris' in the comments

Parameters:

  • src: Path to the image (required)
  • alt: Alt text for the image (optional)
  • caption: Caption text below the image (optional)
  • width: Image width as percentage of container, 1-100 (optional, default: 100)
  • align: Alignment - "left", "right", or "center" (optional, default: center)
  • height: Maximum height in pixels (optional)

Example with custom width and alignment:

Ferris aligned left

Left-aligned image at 60% width