diff --git a/docs/content/extras/shortcodes.md b/docs/content/extras/shortcodes.md index ae3b16619..755ae255b 100644 --- a/docs/content/extras/shortcodes.md +++ b/docs/content/extras/shortcodes.md @@ -103,8 +103,6 @@ closing shortcode. </div> </section> -*** - ### figure `figure` is simply an extension of the image capabilities present with Markdown. @@ -136,8 +134,6 @@ closing shortcode. -*** - ### ref, relref These shortcodes will look up the pages by their relative path (e.g., @@ -165,57 +161,45 @@ Assuming that standard Hugo pretty URLs are turned on. Neat Who -*** - ### Twitter You want to include a single tweet into your blog post? Everything you need is the URL of the tweet: - https://twitter.com/spf13/status/666616452582129664 +https://twitter.com/spf13/status/666616452582129664 Pass the tweet's id from the URL as parameter to the shortcode as shown below: {{}} -*** - ### Youtube This shortcode embeds a responsive video player for Youtube videos. Only the id of the video is required: - https://www.youtube.com/watch?v=w7Ft2ymGmfc +https://www.youtube.com/watch?v=w7Ft2ymGmfc Copy the id from behind `v=` and pass it the shortcode: {{}} - -*** - ### Vimeo Adding a video from Vimeo is equivalent to the Youtube shortcode above. Extract the id from the URL - https://vimeo.com/channels/staffpicks/146022717 +https://vimeo.com/channels/staffpicks/146022717 and pass it to the shortcode: {{}} -*** - ### Github gists Including code snippets with Github gists while writing a tutorial is common situation bloggers face. With a given URL of the gist - https://gist.github.com/spf13/7896402 +https://gist.github.com/spf13/7896402 pass the owner and the id of the gist to the shortcode: - -{{}} - -*** + {{}} ### Speakerdeck @@ -228,8 +212,6 @@ Extract the value from the field `id` and pass it to the shortcode: {{}} -*** - ## Creating your own shortcodes To create a shortcode, place a template in the layouts/shortcodes directory. The