Welcome to the Sakurairo Jekyll theme! This theme is inspired by the beautiful Sakurairo WordPress theme, bringing its colorful and user-friendly design to the Jekyll static site generator.
Features
The Sakurairo Jekyll theme comes with a rich set of features designed to make your blogging experience delightful:
- Dark Mode Support — Toggle between light and dark themes with a single click. Your preference is saved in local storage so it persists across sessions.
- Responsive Design — The layout adapts beautifully to all screen sizes, from large desktop monitors to mobile phones.
- Glassmorphism Header — A modern, frosted-glass navigation bar with blur effects that looks elegant on any background.
- Card-based Post Layout — Posts are displayed in attractive cards with cover images, alternating left-right layout for visual variety.
- Cover Hero Section — A full-screen cover image with your site title and description, featuring a subtle parallax scroll effect.
- Font Toggle — Switch between serif and sans-serif font families to match your reading preference.
- Search Modal — A clean, full-screen search overlay that appears when you click the search icon.
- Smooth Animations — Fade-in animations for post cards, hover effects, and smooth transitions throughout the theme.
- Customizable Theme Colors — Easily change the accent color through CSS custom properties in the configuration.
Getting Started
To start using this theme, simply fork or download the repository and customize the _config.yml file with your own settings. The configuration file contains all the theme options organized under the sakurairo key.
Writing Posts
Create new posts in the _posts directory following the standard Jekyll naming convention: YYYY-MM-DD-title.md. Each post should have front matter that includes the layout, title, date, and optionally author, cover image, categories, and tags.
Customization
The theme is highly customizable through CSS custom properties defined in assets/css/main.css. You can change colors, fonts, border radius, shadows, and more by modifying the :root variables.
The beauty of sakura is not just in its appearance, but in the way it reminds us that life is fleeting and precious.
Enjoy blogging with Sakurairo!