82 lines
2.5 KiB
Markdown
82 lines
2.5 KiB
Markdown
---
|
||
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-->
|