Personal Blogging Theme for Astro
Menca is an elegant and feature-rich personal blogging theme for Astro, designed for writers, content creators, and storytellers who demand both beauty and functionality. With its clean design, powerful search capabilities, and flexible color schemes, Menca provides everything you need to create a captivating online presence.
🌟 Who Is Menca For?
Menca is ideal for:
- Writers who want a distraction-free reading experience
- Creatives who need to showcase visual work
- Bloggers who value both aesthetics and functionality
- Developers who appreciate clean code and TypeScript
- Anyone who wants a modern, feature-rich personal blog
Unique Features
- Automatic Dark/Light Mode – Users can toggle between themes with localStorage persistence
- Powerful Search – Search with Fuse.js for instant content discovery
- Footer Gallery – Showcase your best images in a beautiful customizable gallery
- Image Zoom – Click any image to view in full detail with smooth animations
- Author Bio Section – Dedicated space to tell your story and connect with readers
Content & Layout
- Hero Section with Bio – Make a memorable first impression with customizable hero
- Newsletter Integration – Built-in Mailchimp subscription form to grow your audience
- Contact Form – Formspree-powered contact form for easy communication
- Tag System – Organized tag pages with beautiful layouts
- Section Tags – Categorize and organize content by sections
- Video Post Support – Embed and feature video content seamlessly
Media & Content Features
- Gallery Support – Create stunning multi-image galleries with ease
- Wide Images – Full-width images for maximum visual impact
- Optimized Images – Automatic optimization with Astro’s Image component
- Markdown & MDX – Full support for rich content creation
- Syntax Highlighting – Beautiful code blocks with language detection
- Copy Code Button – One-click code copying for better user experience
- Callout Boxes – Note, tip, warning, and more for enhanced content
- Lightning Fast – Optimized for perfect Lighthouse scores
- SEO-Friendly – Built-in canonical URLs, OpenGraph, and Twitter Cards
- Sitemap & RSS – Automatic generation for better reach
- View Transitions – Smooth, app-like navigation with Astro’s API
- 100% Responsive – Flawless experience on all devices and screen sizes
User Experience
- Scroll to Top – Convenient navigation button
- Keyboard Shortcuts – ESC to close search, smooth interactions
- Fast Load Times – Optimized assets and lazy loading
- Accessible – WCAG compliant with semantic HTML
🔍 Advanced Search
Menca’s integrated search functionality sets it apart from other themes. Using Fuse.js, it provides:
- Real-time search as you type
- Search through titles, descriptions, and content
- Beautiful overlay interface with smooth animations
- Display up to 9 results with featured images
- No backend required – pure client-side magic
🌓 Intelligent Color Scheme
Choose how your readers experience your content:
- Auto mode: Users can toggle between light and dark themes
- Light mode: Clean, bright aesthetic
- Dark mode: Easy on the eyes for night reading
- Preferences saved with localStorage for returning visitors
A unique feature that lets you showcase a curated collection of images in your footer:
- Customizable number of columns (1-4)
- Perfect for photographers and visual creators
- Smooth hover effects and responsive design
- Easy to manage through TypeScript configuration
🛠️ Easy Customization
All settings are centralized in a single TypeScript configuration file (settings.ts), making customization intuitive and type-safe:
- Site information and branding (with separate logos for light/dark modes)
- Color scheme preferences (auto, light, or dark)
- Hero content with custom images
- Navigation menu items
- Footer gallery images and layout
- Newsletter integration (Mailchimp)
- Contact form setup (Formspree)
- Social media links with Font Awesome 7 icons
- Analytics and comment systems
- Author bio and information
📦 What’s Included
- Complete Astro theme with clean, organized structure
- Comprehensive HTML documentation
- Example posts with all content features
- Elements page showcasing all typography and components
- Ready-to-use components and layouts
- TypeScript configuration for type safety
- SCSS styling system for easy customization
- Search functionality with Fuse.js
