Lightbi Palettes
Lightbi Palettes is a collection of fifteen complete website palettes you can try live. Pick one and the whole site re-renders in its colours and fonts.
20
Lightbi Palettes is a collection of fifteen complete website palettes you can try live. Pick one and the whole site re-renders in its colours and fonts.
Essay
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 …
Note
I want to share my writings to my colleague thorugh my IP before publishing it. So here how I done it:
ipconfig from the terminal.<YOUR_NETWORK_IP> with the IP address.hugo server --bind 0.0.0.0 --baseUrl http://<YOUR_NETWORK_IP>:1313http://<YOUR_NETWORK_IP>:1313.Essay
Last week I released version 2 of Lightbi. I had been planning it for a very long time, but the time didn’t permit me until now.
Essay
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 …
Note
To install or update Hugo extended using HomeBrew, you can use the below,
Install the extended version:
brew install hugoOr if you already have it and just want to upgrade:
brew upgrade hugoCheck the version to using hugo version.
Essay
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
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 …
Essay
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 …
Note
In Hugo, creating different slash pages (like /about/, /uses/, etc.) involves creating specific content files for each page and customizing templates as needed.
content/./about/ page in your blog, add a markdown page with below front matter in the content/ page.//content/about.md
---
title: "About"
date: 2024-10-16
---
This is the About page content.single.html template from the layouts/_default/ folder to render pages by default. However, you can create custom templates in the layouts/page/ folder to 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.