Markup

Codeblocks

Syntax Highlighting

Shock codeblocks utilize Chroma syntax highlighting, included with Hugo. Codeblock highlighting and rendering doesn’t require JavaScript to function.

```bash
echo "Hello World!"
```

echo "Hello World!"

Attributes

dist: Comment prepended to the codeblock, meant to specify distribution or language variances.

```bash { dist=debian }
apt install hugo
```

# Debian
apt install hugo

Images

Images will render as expected in Hugo, but include the img-fluid Bootstrap class.

Links

Links will render as expected in Hugo, but will open in a new tab (_blank) if detected to be an external link.

• Local link example, Shock Docs page.
• Remote link example, Hugo website.

Tables

Tables will render as expected, but include Bootstrap classes to make them responsive.