Blog on Lightbi

Sample Post

Mon, 25 Dec 2023 00:00:00 +0000

This is a sample post where you can understand how this is working.

Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc.

Install Hugo in Windows

Wed, 20 Dec 2023 00:00:00 +0000

Hugo comes in three versions: Standard, Extended, and Extended/Deploy. The Standard edition covers core functionalities, while Extended adds advanced options, with Extended/Deploy** offering further deployment features.

Setting Up Your Directories

Open File Explorer and create a folder, e.g., C:\Hugo, and inside it, a bin folder.

Installing Hugo

Download the latest Hugo executable from Hugo releases.

How to use Lightbi theme ?

Mon, 18 Dec 2023 00:00:00 +0000

In this post, we’ll cover how to install Hugo and set up your first website with the Lightbi theme. For detailed steps, refer to Hugo’s quick-start guide.

Create a New Hugo Site

hugo new site <name of site>
cd <name of site>
git init
git submodule add https://github.com/binokochumolvarghese/lightbi-hugo themes/lightbi-hugo

After completing the steps above, copy the contents of exampleSite/contents into the content folder of your website.

Features of Lightbi

Sun, 17 Dec 2023 00:00:00 +0000

General

Three Main Content Sections:
- Blog
- Notes
- Collections (Newsletter)
Responsive Design:
- Built with a mobile-first approach for seamless viewing on any device.
Card-Based Theme:
- Flexible image placement options:
  - Image at the top of the card
  - Image in the middle of the card
  - Image at the bottom of the card
  - No image option
Menu Location Indicator:

Parameters in Lightbi

Fri, 15 Dec 2023 00:00:00 +0000

Below is a list of configurable parameters in the Lightbi theme, along with descriptions to help you customize your site effectively. You can be adjust the below parameters in your hugo.toml file.

More about Lightbi

Sun, 10 Dec 2023 00:00:00 +0000

In this post, I’ll introduce the theme in detail — exploring its purpose, design philosophy, and key features. I’ll also share various ways you can support and contribute to the development of this theme, whether through feedback, code contributions, translations, or spreading the word.

Understanding Hugo Shortcodes

Thu, 30 Nov 2023 00:00:00 +0000

Hugo shortcodes are powerful tools for adding custom HTML or other special content within Markdown files without complex code. They enable enhanced flexibility and are a core part of Hugo’s functionality, offering reusable snippets for embedding media, custom components, or dynamic content. Below, we’ll explore what shortcodes are and highlight some popular examples.

Lightbi Custom Shortcodes

Fri, 24 Nov 2023 00:00:00 +0000

To create your own shortcodes in Hugo, add an HTML file in layouts/shortcodes/. This theme provides the following useful custom shortcodes:

Info card

Displays information in a card format.

Shortcode

{{/* < info_cards header="lorem-ipsum" title="What is Lorem Ipsum?" content="Lorem Ipsum is simply dummy text of the printing and typesetting industry." > */}}

Output

What is Lorem Ipsum?

Lorem Ipsum is simply dummy text of the printing and typesetting industry.

Image Gallery Shortcode

Mon, 20 Nov 2023 00:00:00 +0000

Here’s a custom Hugo shortcode that creates an image gallery in a masonry style using GLightbox, allowing you to specify a folder containing images. This approach will display images from a specified folder in a masonry layout, and each image will open in a lightbox when clicked.

Hosting Your Hugo Site on Netlify

Sat, 04 Nov 2023 00:00:00 +0000

Hosting a Hugo site on Netlify is an effective solution for deploying static websites, combining Hugo’s speed with Netlify’s robust features like continuous deployment, a user-friendly dashboard, and advanced build settings.

What is Markdown ?

Mon, 27 Jan 2020 00:00:00 +0000

What is Markdown?

Markdown is a lightweight, plain-text formatting language used for creating styled text through simple, readable syntax. Developed by John Gruber in 2004, its goal is to allow writers to format documents without complex code, making it easy to read and edit. The beauty of Markdown lies in its simplicity, allowing creators to add headings, lists, images, links, and more by typing a few symbols around their text.

Markdown Syntax Guide

Sat, 25 Jan 2020 00:00:00 +0000

Headings

To create a heading, add number signs (#) in front of a word or phrase. The number of number signs you use should correspond to the heading level. For example, to create a heading level three (h3), use three number signs (e.g., ### My Header).

Who am I ?!

Wed, 01 Jan 2020 00:00:00 +0000

Who am I ?! This is the most asked question in my life. Yet no clear answer has yet been found.

As a child, the answer to this question was simple. Say my name to the question of who. Aha ..! Simple and beautiful. In that answer, parents and siblings in adolescence. I thought to myself that the answer was too clear.