Learn free hugo tutorials

How to display images in Hugo with examples | Hugo Image shortcode

February 2, 2023 ·  2 min read

There are multiple ways we can insert images in Hugo’s posts. Hugo’s posts are indifferent. Hugo posts are written in markdown files. These are plain text content with special syntax. Adding an image to markdown files in Hugo Here is a syntax for adding images to posts in Hugo ![your image](/post/images/your-image.png) Using Figure shortcode the figure is an inbuilt shortcode provided by Hugo’s static generator syntax title using custom shortcut if we want full control over how we want to display....

Fix for raw HTML omitted in Hugo static generator

February 28, 2022 ·  2 min read

In this short tutorial, Learn what causes the raw HTML committed and how to fix it. Posted about solutions for the below errors add raw HTML post to Hugo not displayed HTML tags are not parsed in markdown files Hugo shortcodes place custom HTML, and javascript in go HTML template files in Hugo content files which generates process HTML during Hugo template processing. For example, I have written shortcode rawhtml that displays the HTML code in content pages partial/shortcode/rawhtml....

Hugo cache-busting - Generate static assets hash filenames

February 28, 2022 ·  2 min read

What is cache busting? Cache busting is a technique to load the assets from url instead of from the browser cache. Caching is very useful to improve the performance of static assets like CSS javascript and image type files. These can be configured at the server to store these assets for a longer time and these will be expired within the time specified. Websites used CDN to load static assets faster the reason is Static files are cached in CDN like Cloudflare....

You'll get a notification every time a post gets published here.