https://liquid-stack.pages.dev/tags/shortcodes/Recent content in Shortcodes on Liquid StackHugo -- gohugo.ioen-USMy BlogFri, 24 Jul 2026 00:00:00 +0000https://liquid-stack.pages.dev/p/using-shortcodes/Fri, 24 Jul 2026 00:00:00 +0000https://liquid-stack.pages.dev/p/using-shortcodes/<p>Shortcodes are Hugo’s way to insert reusable structures into Markdown, making them useful for callouts, embeds, and repeated layouts.</p> <h2 id="start-with-existing-shortcodes">Start with existing Shortcodes </h2><p>Browse <code>layouts/shortcodes/</code> to see what the theme already provides. Reuse existing components before adding one-off HTML for a single article.</p> <h2 id="when-to-use-one">When to use one </h2><p>Use a Shortcode when content needs a fixed structure, recurs across posts, or must render as HTML. Keep ordinary paragraphs, lists, and code blocks in Markdown.</p> <h2 id="test-the-result">Test the result </h2><p>Preview the post on desktop and mobile after adding a Shortcode. If it uses an image, video, or external URL, check the resource path and its failure state too.</p>