Markup Commands

Markup Commands

There are a number of markup commands to help style your content. A richly formatted document will use many of these.

Basic Commands

@tag[tagname]{...}

Wrap some content in an HTML tag. useful for building other more complicated commands, or inserting a one of piece of HTML that cannot be expressed with other commands.

@ul{...}, @ol{...}, @li{...}, @p{...}, @em{...}, @strong{...}, @u{...}, @pre{...}, @sub{...}, @sup{...}

Wrap content in the corresponding HTML tags.

@center{...}

Centers some rich content in the output document.

@codeblock[...]

See Syntax Highlighting

@bigger{...}, @smaller{...}

Make the text bigger or smaller incrementally. Example:

This text gets @bigger{bigger @bigger{and @bigger{bigger!}}}

This text gets bigger and bigger!

This text gets @smaller{smaller @smaller{and @smaller{smaller!}}}

This text gets smaller and smaller!

External Content

There are a number of built in functions that let you embed content from external sites in generated HTML. Some of these may only work with an HTTPS site, such as instagram embeds.

GitHub Gists

@gist[bakpakin/2dc3134af320c937315e97882cb53248]

YouTube

@youtube[PvFo6eWNssk]

Vimeo

@vimeo[331297646]

Instagram

@instagram[BwaZGyOAzzQ]

asciinema

@asciinema[331]

Asciinema embeds can also take arguments, corresponding to the arguments defined Here. For example,

@asciinema("331" :size "small" :autoplay true :theme "monokai")

Will set the appropriate parameters on the embedded script element.