<!doctype html><htmllang=endir=auto><head><metacharset=utf-8><metahttp-equiv=x-ua-compatiblecontent="IE=edge"><metaname=viewportcontent="width=device-width,initial-scale=1,shrink-to-fit=no"><metaname=robotscontent="index, follow"><title>Rich Content | PaperMod</title><metaname=keywordscontent="shortcodes,privacy"><metaname=descriptioncontent="A brief description of Hugo Shortcodes"><metaname=authorcontent="Hugo Authors"><linkrel=canonicalhref=https://adityatelange.github.io/hugo-PaperMod/posts/rich-content/><linkcrossorigin=anonymoushref=/hugo-PaperMod/assets/css/stylesheet.min.309a3942f890eb0930959205be1f692b2f0e85115a8b0190361a25a37e54fffa.cssintegrity="sha256-MJo5QviQ6wkwlZIFvh9pKy8OhRFaiwGQNholo35U//o="rel="preload stylesheet"as=style><scriptdefercrossorigin=anonymoussrc=/hugo-PaperMod/assets/js/highlight.min.7680afc38aa6b15ddf158a4f3780b7b1f7dde7e91d26f073e6229bb7a0793c92.jsintegrity="sha256-doCvw4qmsV3fFYpPN4C3sffd5+kdJvBz5iKbt6B5PJI="onload=hljs.initHighlightingOnLoad()></script><linkrel=iconhref=https://adityatelange.github.io/hugo-PaperMod/favicon.ico><linkrel=icontype=image/pngsizes=16x16href=https://adityatelange.github.io/hugo-PaperMod/favicon-16x16.png><linkrel=icontype=image/pngsizes=32x32href=https://adityatelange.github.io/hugo-PaperMod/favicon-32x32.png><linkrel=apple-touch-iconhref=https://adityatelange.github.io/hugo-PaperMod/apple-touch-icon.png><linkrel=mask-iconhref=https://adityatelange.github.io/hugo-PaperMod/safari-pinned-tab.svg><metaname=theme-colorcontent="#2e2e33"><metaname=msapplication-TileColorcontent="#2e2e33"><metaname=generatorcontent="Hugo 0.82.1"><linkrel=alternatehreflang=enhref=https://adityatelange.github.io/hugo-PaperMod/posts/rich-content/><metaproperty="og:title"content="Rich Content"><metaproperty="og:description"content="A brief description of Hugo Shortcodes"><metaproperty="og:type"content="article"><metaproperty="og:url"content="https://adityatelange.github.io/hugo-PaperMod/posts/rich-content/"><metaproperty="og:image"content="https://adityatelange.github.io/hugo-PaperMod/papermod-cover.png"><metaproperty="article:section"content="posts"><metaproperty="article:published_time"content="2019-03-10T00:00:00+00:00"><metaproperty="article:modified_time"content="2019-03-10T00:00:00+00:00"><metaname=twitter:cardcontent="summary_large_image"><metaname=twitter:imagecontent="https://adityatelange.github.io/hugo-PaperMod/papermod-cover.png"><metaname=twitter:titlecontent="Rich Content"><metaname=twitter:descriptioncontent="A brief description of Hugo Shortcodes"><scripttype=application/ld+json>{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Posts","item":"https://adityatelange.github.io/hugo-PaperMod/posts/"},{"@type":"ListItem","position":2,"name":"Rich Content","item":"https://adityatelange.github.io/hugo-PaperMod/posts/rich-content/"}]}</script><scripttype=application/ld+json>{"@context":"https://schema.org","@type":"BlogPosting","headline":"RichContent","name":"RichContent","description":"AbriefdescriptionofHugoShortcodes","keywords":["shortcodes","privacy"],"articleBody":"HugoshipswithseveralBuilt-inShortcodesforrichcontent,alongwithaPrivacyConfigandasetofSimpleShortcodesthatenablestaticandno-JSversionsofvarioussocialmediaembeds.\nYouTubePrivacyEnhancedShortcodeTwitterSimpleShortcode“Inadditiontobeingmorelogical,asymmetryhastheadvantagethatitscompleteappearanceisfarmoreopticallyeffectivethansymmetry.”\n—JanTschicholdpic.twitter.com/gcv7SrhvJb\n—GraphicDesignHistory(@DesignReviewed)January17,2019VimeoSimpleShortcode.__h_video{position:relative;padding-bottom:56.23%;height:0;overflow:hidden;width:100%;background:#000;}.__h_videoimg{width:100%;height:auto;color:#000;}.__h_video.play{height:72px;width:72px;left:50%;top:50%;margin-left:-36px;margin-top:-36px;position:absolute;cursor:pointer;}","wordCount":"
<spanclass=logo-switches><buttonid=theme-toggleaccesskey=ttitle="(Alt + T)"><svgid="moon"xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentcolor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"><pathd="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/></svg><svgid="sun"xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentcolor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"><circlecx="12"cy="12"r="5"/><linex1="12"y1="1"x2="12"y2="3"/><linex1="12"y1="21"x2="12"y2="23"/><linex1="4.22"y1="4.22"x2="5.64"y2="5.64"/><linex1="18.36"y1="18.36"x2="19.78"y2="19.78"/><linex1="1"y1="12"x2="3"y2="12"/><linex1="21"y1="12"x2="23"y2="12"/><linex1="4.22"y1="19.78"x2="5.64"y2="18.36"/><linex1="18.36"y1="5.64"x2="19.78"y2="4.22"/></svg></button><ulclass=lang-switch><li>|</li><li><ahref=https://adityatelange.github.io/hugo-PaperMod/fr/title=Frencharia-label=:fr:>🇫🇷</a></li><li><ahref=https://adityatelange.github.io/hugo-PaperMod/fa/title=Faaria-label=Fa>Fa</a></li></ul></span></div><ulid=menu><li><ahref=https://adityatelange.github.io/hugo-PaperMod/archivestitle=Archive><span>Archive</span></a></li><li><ahref=https://adityatelange.github.io/hugo-PaperMod/categories/title=Categories><span>Categories</span></a></li><li><ahref=https://adityatelange.github.io/hugo-PaperMod/search/title="Search (Alt + /)"accesskey=/><span>Search</span></a></li><li><ahref=https://adityatelange.github.io/hugo-PaperMod/tags/title=Tags><span>Tags</span></a></li></ul></nav></header><mainclass=main><articleclass=post-single><headerclass=post-header><divclass=breadcrumbs><ahref=https://adityatelange.github.io/hugo-PaperMod/>Home</a> » <ahref=https://adityatelange.github.io/hugo-PaperMod/posts/>Posts</a></div><h1class=post-title>Rich Content</h1><divclass=post-description>A brief description of Hugo Shortcodes</div><divclass=post-meta>March 10, 2019 · 1 min · Hugo Authors | <ahref=https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite/content/posts/rich-content.mdrel="noopener noreferrer"target=_blank>Suggest Changes</a></div></header><divclass=toc><details><summaryaccesskey=ctitle="(Alt + C)"><divclass=details>Table of Contents</div></summary><divclass=inner><ul><li><ahref=#youtube-privacy-enhanced-shortcodearia-label="YouTube Privacy Enhanced Shortcode">YouTube Privacy Enhanced Shortcode</a></li><li><ahref=#twitter-simple-shortcodearia-label="Twitter Simple Shortcode">Twitter Simple Shortcode</a></li><li><ahref=#vimeo-simple-shortcodearia-label="Vimeo Simple Shortcode">Vimeo Simple Shortcode</a></li></ul></div></details></div><divclass=post-content><p>Hugo ships with several <ahref=https://gohugo.io/content-management/shortcodes/#use-hugos-built-in-shortcodes>Built-in Shortcodes</a> for rich content, along with a <ahref=https://gohugo.io/about/hugo-and-gdpr/>Privacy Config</a> and a set of Simple Shortcodes that enable static and no-JS versions of various social media embeds.</p><hr><h2id=youtube-privacy-enhanced-shortcode>YouTube Privacy Enhanced Shortcode<ahiddenclass=anchoraria-hidden=truehref=#youtube-privacy-enhanced-shortcode>#</a></h2><divstyle=position:relative;padding-bottom:56.25%;height:0;overflow:hidden><iframesrc=https://www.youtube-nocookie.com/embed/ZJthWmvUzzcstyle=position:absolute;top:0;left:0;width:100%;height:100%;border:0allowfullscreentitle="YouTube Video"></iframe></div><br><hr><h2id=twitter-simple-shortcode>Twitter Simple Shortcode<ahiddenclass=anchoraria-hidden=truehref=#twitter-simple-shortcode>#</a></h2><blockquoteclass=twitter-tweet><plang=endir=ltr>“In addition to being more logical, asymmetry has the advantage that its complete appearance is far more optically effective than symmetry.”<br>— Jan Tschichold <ahref=https://t.co/gcv7SrhvJb>pic.twitter.com/gcv7SrhvJb</a></p>— Graphic Design History (@DesignReviewed) <ahref="https://twi
<ahref=https://git.io/hugopapermodrel=noopenertarget=_blank>PaperMod</a></span></footer><ahref=#toparia-label="go to top"title="Go to Top (Alt + G)"><buttonclass=top-linkid=top-linktype=buttonaccesskey=g><svgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 12 6"fill="currentcolor"><pathd="M12 6H0l6-6z"/></svg></button></a>
