---
title: "Hugo shortcodes"
date: 2021-07-04T12:13:36+05:30
description: Here is a demo of all shortcodes available in Hugo.
tags: [markdown]
---

## 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" >}}

![Alt Text](https://images.unsplash.com/photo-1560032779-0a8809186efd?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1350&q=80 "Dave Herring")

## Github Gist

{{< gist spf13 7896402 >}}

## Youtube video

{{< youtube w7Ft2ymGmfc >}}

## Tweet

{{< tweet user="SanDiegoZoo" id="1453110110599868418" >}}

## Vimeo

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

## Mermaid

```mermaid
sequenceDiagram
    participant Alice
    participant Bob
    Alice->>John: Hello John, how are you?
    loop Healthcheck
        John->>John: Fight against hypochondria
    end
    Note right of John: Rational thoughts <br/>prevail!
    John-->>Alice: Great!
    John->>Bob: How about you?
    Bob-->>John: Jolly good!
```