---
title: Features of Lightbi
date: 2023-12-20
tags: ["hugo","blog"]
image : "/img/posts/img-2.jpg"
Description  : "In this blog post, I’ll walk through the key features of the Lightbi theme and how to make the most of them for a visually appealing, user-friendly website."
featured: true
---


### 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**:
  - Clear visual cues for active menu items.

- **Multilingual Support**:
  - Includes a **language selector** for easy switching between languages.

- **Taxonomies**:
  - Organize content effectively with customizable tags and categories.

- **Search Functionality**:
  - Integrated search option for quick content access.

- **Light/Dark Theme**:
  - **Automatic theme switching** based on browser preferences.
  - Includes a manual **theme-switch button** for user control.

- **Google Analytics Integration**:
  - Track user activity with built-in support for Google Analytics.

- **SEO-Friendly**:
  - Optimized for search engines to improve visibility.

- **Commit SHA in Footer**:
  - Display the current **commit SHA** for version tracking.

- **Self-Hosted Assets**:
  - Compliant with **GDPR / EU-DSGVO** regulations by hosting all assets locally.

- **Bootstrap Icons**:
  - Beautiful, lightweight icons integrated with **Bootstrap Icons**.

### Page
- Other Posts suggestion below a post.
- Social-Media Share buttons on posts.
- Syntax highlighting.
- Cover image for each post (with Responsive image support).

### Card based theme.
To customize the image placement within a card, the Lightbi theme offers four flexible options:

- Image at the top of the card
- Image in the middle of the card
- Image at the bottom of the card
- No image

To configure this, use the `previewCardImagePlacement` parameter in the `hugo.toml` file. Set it as follows:
- For the image at the top: `previewCardImagePlacement = "top"`
- For the image in the middle: `previewCardImagePlacement = "middle"`
- For the image at the bottom: `previewCardImagePlacement = "bottom"`
- For no image: `previewCardImagePlacement = "none"`

This gives you full control over how the image is displayed in the card layout.


<!--Photo by Robert Katzki on Unsplash-->