---
title: "Hugo shortcodes"
date: 2018-03-18T12:13:36+05:30
description: Here is a demo of all shortcodes available in Hugo.
---

## Images

{{< figure src="https://images.unsplash.com/photo-1560032779-0a8809186efd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80" title="Dave Herring" >}}

{{< figure src="https://images.unsplash.com/photo-1560032779-0a8809186efd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=80" title="Dave Herring" >}}

## Github Gist

{{< gist spf13 7896402 >}}

## Youtube video

{{< youtube w7Ft2ymGmfc >}}

## Tweet

{{< tweet user="GoHugoIO" id="877500564405444608" >}}

## Vimeo

{{< vimeo id="146022717" >}}

## Instagram

{{< instagram BWNjjyYFxVx >}}

## Callouts

### Original

{{< callout emoji="⚡️" text="Original callout." >}}

### Alert

{{< callout type="alert" text="This is an alert callout." >}}

### Custom

{{< callout type="custom" emoji="⚡️" title="Custom callout" text="This is custom text for a custom callout." style="background-color: transparent; border: 3px solid #d340e0;" >}}

### Tip

{{< callout type="tip" text="This is a tip callout." >}}

### Warning

{{< callout type="warning" text="This is a warning callout." >}}