Features
- 🚀 Built with Astro - Benefit from Astro's speed and flexibility
- 📱 Fully Responsive - Looks great on all devices
- 🎨 Customizable - Easy to adapt to your brand
- 🔍 SEO Optimized - Meta tags, Open Graph, and JSON-LD
- 📝 Blog Ready - Support for posts, categories, tags, and series
- 🔎 Search Functionality - Client-side search with Fuse.js
- 📊 Pagination - For blog posts, categories, tags, and authors
- 📰 RSS Feed - Automatically generated RSS feed
- 🗺️ Sitemap - Automatically generated sitemap
- 🖋️ MDX Support - Use components in your markdown
- 🔤 Typography - Beautiful typography with Tailwind CSS
- 🌙 Icons - Easy icon usage with Astro Icon
Project Structure
├── public/ # Static assets ├── src/ │ ├── assets/ # Images and other assets │ ├── config/ # Site configuration │ ├── content/ # Content collections (blog posts, authors, etc.) │ ├── layouts/ # Layout components │ ├── pages/ # Page components and routes │ ├── styles/ # Global styles │ └── utils/ # Utility functions ├── astro.config.mjs # Astro configuration ├── package.json # Dependencies and scripts
Key Directories and Files
- src/config/: Contains configuration files for the site, menus, and social links
- src/content/: Contains all content collections (blog posts, authors, pages)
- src/layouts/: Contains layout components used throughout the site
- src/pages/: Contains all page components and defines the routing structure
Components
The theme includes several reusable components:
- Layout.astro: Main layout component with header and footer
- PostLayout.astro: Layout for blog posts with metadata and content
- Header/Footer: Navigation and site information
- Pagination: For navigating through multiple pages of content
- Search: Client-side search functionality
- Author Card: Display author information
- Post Card: Display post previews in lists
- Tag/Category Cloud: Display and filter by tags or categories
