Features of Lightbi

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.