avatsav.dev / avatsav.github.io

Personal blog built with Hugo.

Local development

hugo server --source ./avatsav

New blog post

hugo new blog/my-new-post.md --source ./avatsav

New page

hugo new my-new-page.md --source ./avatsav

Images

Images are processed through Hugo's asset pipeline for responsive delivery. Place images in avatsav/assets/images/ (not static/).

Use the figure shortcode in content files:

{{< figure src="images/my-image.webp" alt="Description" caption="Optional caption" >}}

For above-the-fold images (like hero images), add priority="high" to use fetchpriority="high" instead of lazy loading:

{{< figure src="images/hero.webp" alt="Description" caption="Optional caption" priority="high" >}}

Hugo automatically generates 720w, 900w, 1200w, and 1440w variants with proper srcset, width, height, and loading="lazy" attributes for optimal performance.

Theme

Based on Hugo Bear Blog by Jan Raasch.

License

• Code: MIT License - The Hugo theme and site code are licensed under the MIT License.
• Content: CC BY 4.0 - Blog posts and written content are licensed under Creative Commons Attribution 4.0 International.