---
title: Other Shortcodes
linkTitle: Others
sidebar:
  exclude: true
next: /docs/guide/deploy-site
---

{{< callout emoji="ℹ️" >}}
  Some of these are Hugo built-in shortcodes.
  These shortcodes are considered less stable and may be changed anytime.
{{< /callout >}}

## Badge

```
{{</* badge "Badge" */>}}
```

Result:

{{< badge "Badge" >}}

Variants:

```
{{</* badge content="info" type="info" */>}}
{{</* badge content="warning" type="warning" */>}}
{{</* badge content="error" type="error" */>}}
```

Result:

{{< badge content="info" type="info" >}} &nbsp;
{{< badge content="warning" type="warning" >}} &nbsp;
{{< badge content="error" type="error" >}}

With link and icon:

```
{{</* badge content="Releases" link="https://github.com/imfing/hextra/releases" icon="github" */>}}
```

Result:

{{< badge content="Releases" link="https://github.com/imfing/hextra/releases" icon="github" >}}

### Options

| Name      | Description                                                  |
|-----------|--------------------------------------------------------------|
| `content` | The text of the badge.                                       |
| `link`    | The link of the badge.                                       |
| `icon`    | The icon of the badge.                                       |
| `type`    | The type of the badge. (default, `info`, `warning`, `error`) |
| `class`   | The class of the badge.                                      |

## YouTube

Embed a YouTube video.

```
{{</* youtube VIDEO_ID */>}}
```

Result:

{{< youtube id=dQw4w9WgXcQ loading=lazy >}}

For more information, see [Hugo's YouTube Shortcode](https://gohugo.io/content-management/shortcodes/#youtube).

## PDF

With PDF shortcode, you can embed a PDF file in your content.

```
{{</* pdf "https://example.com/sample.pdf" */>}}
```

You can also place the PDF file in your project directory and use the relative path.

```
{{</* pdf "path/to/file.pdf" */>}}
```

Example:

{{< pdf "https://upload.wikimedia.org/wikipedia/commons/1/13/Example.pdf" >}}
