https://yrbing.github.io/tags/shortcodes/ Recent content in Shortcodes on Robin Yang https://yrbing.github.io/%3Clink%20or%20path%20of%20image%20for%20opengraph,%20twitter-cards%3E https://yrbing.github.io/%3Clink%20or%20path%20of%20image%20for%20opengraph,%20twitter-cards%3E Hugo -- 0.152.2 en-us Sat, 10 Jan 2026 15:22:57 +0800 https://yrbing.github.io/posts/add-swiper-to-hugo-shortcodes/ Sat, 10 Jan 2026 15:22:57 +0800 https://yrbing.github.io/posts/add-swiper-to-hugo-shortcodes/ <p>I’d like to add an image carousel / slider to my article. After some research, I found three common approaches:</p> <ul> <li>Hardcoding HTML directly into Markdown (tedious and hard to maintain).</li> <li>Using Hugo Modules (powerful but sometimes overkill for a simple slider).</li> <li>Creating a Custom Shortcode (the perfect balance of flexibility and performance).</li> </ul> <p>In this post, I’ll show you how I built a robust, reusable Swiper component using the Shortcode approach. This method keeps your Markdown clean while ensuring your site stays fast.</p>