essay
How to add random quotes to your (Hugo) website footer
19 February 2026
To be honest, I love beautiful and brilliant quotes. They can come from anywhere, like smart people, movies, or books. I don’t care where they come from. If they inspire me, I love them. The most beautiful part is that I enjoy collecting and curating them. Usually, I note them down and go through them again whenever I want.
notes
Start the Hugo server with your local IP
20 October 2025
I want to share my writings to my colleague thorugh my IP before publishing it. So here how I done it:
- Get your IP using the command
ipconfigfrom the terminal. - Go to your Hugo project’s root directory in your terminal.
- Run the following command, replacing
<YOUR_NETWORK_IP>with the IP address. hugo server --bind 0.0.0.0 --baseUrl http://<YOUR_NETWORK_IP>:1313- The server will start, and the output should show the website is available at
http://<YOUR_NETWORK_IP>:1313.
essay
Featured posts in Hugo
24 May 2025
Today, I updated the about page to display featured blog sections dynamically using front matter tags. This replaces the previous hardcoded method for a more flexible setup.
essay
Hosting your Hugo site on Netlify
23 November 2024
When I have built this website, I had checked for a free static host solution which is easy to use and maintain. After a little research I landed on Netlify...
essay
Hugo image gallery shortcode
18 November 2024
Here’s a custom Hugo shortcode that creates an image gallery in a masonry style using GLightbox. This approach will display images from a specified folder in a masonry layout, and each image will open in a lightbox when clicked.
essay
View posts grouped by month in Hugo
14 November 2024
A few months ago, I wrote a post on creating a feed page to list all posts on my Hugo website in a card format with pagination. Even though I am able to view the full posts...
notes
Slash pages in Hugo
16 October 2024
In Hugo, creating different slash pages (like /about/, /uses/, etc.) involves creating specific content files for each page and customizing templates as needed.
- Create individual markdown files for each slash page under
content/.
If you want to create an/about/page in your blog, add a markdown page with below front matter in thecontent/page.
//content/about.md
---
title: "About"
date: 2024-10-16
---
This is the About page content.
- Optionally create a template for the page.
Hugo uses thesingle.htmltemplate from thelayouts/_default/folder to render pages by default. However, you can create custom templates in thelayouts/page/ folderto format specific pages as needed.
//layouts/page/about.html
<h1>{{ .Title }}</h1>
<div class="content">
{{ .Content }}
</div>
You can check my slash pages like uses, credits, and changelog.