2021-08-11 07:27:32 +00:00
---
title: "Rich Content"
date: 2019-03-10
description: "A brief description of Hugo Shortcodes"
2021-10-19 06:04:42 +00:00
summary: "This is an _example_ of a **rich** content summary."
2023-01-13 02:02:32 +00:00
coverAlt: "An example cover image depicting icons of some popular media organisations."
coverCaption: "This is an example cover image with a caption."
2021-11-03 23:17:27 +00:00
tags: ["shortcodes", "privacy", "sample", "gist", "twitter", "youtube", "vimeo"]
2021-08-11 07:27:32 +00:00
---
2021-11-03 05:23:52 +00:00
Hugo ships with several [built-in shortcodes ](https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes ) for rich content, along with a [privacy config ](https://gohugo.io/about/hugo-and-gdpr/ ) and a set of _simple shortcodes_ that enable static and no-JS versions of various social media embeds.
2021-08-11 07:27:32 +00:00
2021-11-03 05:23:52 +00:00
## YouTube
2021-08-11 07:27:32 +00:00
2021-11-03 05:23:52 +00:00
Below is an example using the built-in `youtube` shortcode.
2021-08-11 07:27:32 +00:00
2021-11-03 05:23:52 +00:00
{{< youtube ZJthWmvUzzc > }}
2021-08-11 07:27:32 +00:00
2021-11-03 05:23:52 +00:00
## Twitter
2021-08-11 07:27:32 +00:00
2021-11-03 05:23:52 +00:00
This example uses the `twitter_simple` shortcode to output a Tweet. It requires two named parameters `user` and `id` .
2021-08-11 07:27:32 +00:00
2021-11-03 05:22:44 +00:00
{{< twitter_simple user = "DesignReviewed" id = "1085870671291310081" > }}
2021-08-11 07:27:32 +00:00
2021-11-03 05:23:52 +00:00
Alternatively, the `tweet` shortcode can be used to embed a fully marked up Twitter card.
2021-08-11 07:27:32 +00:00
2021-11-03 05:23:52 +00:00
## Gist
The `gist` shortcode can be used to embed a GitHub Gist. It requires two unnamed parameters: the username and ID of the Gist.
{{< gist jpanther a873e1219ffeaa80a926bbe8255f348e > }}
## Vimeo
2021-08-11 07:27:32 +00:00
2021-11-03 05:23:52 +00:00
The `vimeo_simple` shortcode will embed a Vimeo video.
2021-08-11 07:27:32 +00:00
{{< vimeo_simple 48912912 > }}
