congo/exampleSite/content/samples/rich-content/index.md

38 lines
1.4 KiB
Markdown
Raw Permalink Normal View History

2021-08-11 07:27:32 +00:00
---
title: "Rich Content"
date: 2019-03-10
2023-07-25 16:23:18 +00:00
description: "A brief description of Rich Content"
2021-10-19 06:04:42 +00:00
summary: "This is an _example_ of a **rich** content summary."
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
---
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
## YouTube
2021-08-11 07:27:32 +00:00
Below is an example using the built-in `youtube` shortcode.
2021-08-11 07:27:32 +00:00
{{< youtube ZJthWmvUzzc >}}
2021-08-11 07:27:32 +00:00
## Twitter
2021-08-11 07:27:32 +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
{{< twitter_simple user="DesignReviewed" id="1085870671291310081" >}}
2021-08-11 07:27:32 +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
## 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
The `vimeo_simple` shortcode will embed a Vimeo video.
2021-08-11 07:27:32 +00:00
{{< vimeo_simple 48912912 >}}