Blonde

Blonde is a modern, responsive Hugo theme meticulously crafted with Tailwind CSS, designed for speed and aesthetic appeal. It offers a comprehensive set of features to build a robust and user-friendly static website.

Key Features:

• Responsive Design: Ensures your website looks great on any device, from desktops to mobile phones.
• Dark/Light Mode: Provides a toggle for users to switch between dark and light themes, enhancing user experience.
• Analytics Integration: Seamlessly integrates with Google Analytics and Yandex.Metrica for tracking website performance.
• Monetization Ready: Includes support for Google AdSense, allowing for easy ad integration.
• Content Management: Features pagination, syntax highlighting for code blocks, RSS feeds, and robust support for tags, categories, and archives.
• Commenting System: Integrates Disqus for easy comment management.
• Performance: Achieves an outstanding 100/100 Google Lighthouse speed score, ensuring fast loading times.

Installation:

You can install Blonde using two primary methods:

1. Git Clone:

   $ git clone https://github.com/opera7133/Blonde themes/Blonde

   Copy

   To update, navigate to themes/Blonde and run git pull.
2. Git Submodule:

   $ git submodule add https://github.com/opera7133/Blonde.git themes/Blonde

   Copy

   To update, run git submodule update --remote --merge.

Dependencies:

After installation, copy package.json, tailwind.config.js, and postcss.config.js from themes/Blonde/exampleSite to your site's root. Then, install dependencies:

$ npm install

Getting Started:

1. Configuration: Copy hugo.toml from exampleSite to your site's root and customize it.
2. Local Development: Run $ npm run start and access your site at localhost:1313.
3. Build for Production: Use $ npm run build to generate your static site.

Blonde is an ideal choice for developers looking for a fast, modern, and customizable theme for their Hugo-powered blogs or personal websites.