Posts on Cloud | SRE | DevOps | Infrastructure | AI

What is Hugo

Sat, 11 Apr 2026 08:06:25 +0700

Hugo is an open-source static site generator written in the Go programming language, designed to build websites quickly and efficiently. It converts content written in Markdown into static HTML files, allowing websites to load faster and run without relying on databases or server-side processing. Known as one of the fastest frameworks for building websites, Hugo can generate full websites in seconds thanks to its high-performance architecture.

With its flexible templating system, multilingual support, and powerful content organization features, Hugo is widely used for creating blogs, portfolios, documentation sites, and corporate websites. It also includes a built-in development server that lets users preview changes instantly, making the development workflow simple and efficient for both beginners and experienced developers.

Rich Content

Mon, 08 Jun 2020 08:06:25 +0600

This sample post tests the followings:

Category, sub-category nesting in the sidebar.
Hero image and other images are in images folder inside this post directory.
Different media rendering like image, tweet, YouTube video, Vimeo video etc.

Image Sample

Tweet Sample

Owl bet you'll lose this staring contest 🦉 pic.twitter.com/eJh4f2zncC
— San Diego Zoo Wildlife Alliance (@sandiegozoo) October 26, 2021

YouTube Video Sample

Vimeo Video Sample

Shortcodes Samples

Mon, 08 Jun 2020 08:06:25 +0600

This is a sample post intended to test the followings:

Default hero image.
Different shortcodes.

Alert

The following alerts are available in this theme.

This is sample alert with type="success".

This is sample alert with type="danger".

This is sample alert with type="warning".

This is sample alert with type="info".

This is sample alert with type="dark".

This is sample alert with type="primary".

This is sample alert with type="secondary".

Image

A sample image without any attribute.

A sample image with `height` and `width` attributes.

A center aligned image with `height` and `width` attributes.

A image with `float` attribute.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas lectus sed leo ultricies ultricies. Praesent tellus risus, eleifend vel efficitur ac, venenatis sit amet sem. Ut ut egestas erat. Fusce ut leo turpis. Morbi consectetur sed lacus vitae vehicula. Cras gravida turpis id eleifend volutpat. Suspendisse nec ipsum eu erat finibus dictum. Morbi volutpat nulla purus, vel maximus ex molestie id. Nullam posuere est urna, at fringilla eros venenatis quis.