Hexo Theme Butterfly

Hexo Theme Butterfly is a visual template for Hexo that transforms Markdown content into a responsive website featuring card-based layouts. It functions as a technical content renderer capable of displaying complex data such as mathematical formulas, Mermaid diagrams, and interactive charts within blog posts. The interface is PWA enabled, utilizing service workers and manifest files to provide offline access and installation on mobile devices.

The theme distinguishes itself through a wide array of specialized content rendering tools, including musical score rendering, chronological timelines, and interactive data charts. It provides advanced visual components such as full-screen image lightboxes, lazy-loading galleries, and tabbed content to organize information efficiently.

The project covers broad capability areas including content organization via tag-weighted recommendations and article series, performance optimizations like hover-based link prefetching and asynchronous page transitions, and comprehensive UI customization. It also includes integrated support for search engine configuration, advertisement management, and internationalization with a toggle for Simplified and Traditional Chinese.

The theme provides extensibility through custom HTML and script injection, allowing users to integrate third-party comment systems, analytics, and social profile links.

Features

Static Site Themes - Provides a complete visual template for Hexo that transforms Markdown into a responsive card-based website.
Post Metadata Configurators - Allows definition of post-specific metadata such as cover images, copyright notices, and table of contents.
Technical Content Renderers - Provides a system for rendering technical content including mathematical formulas, Mermaid diagrams, and interactive charts.
Markdown Renderers - Transforms Markdown source files into styled HTML pages for browser display.
Full Text Search - Provides full-text site search with support for both local preloading and external search engines.
Front-Matter Indexing - Organizes articles into categories, tags, and archives using Markdown front-matter metadata.
Search Engine Configuration - Allows selection between local database search or external search services for content discovery.
UI Theme Configurations - Allows comprehensive control of site layout and color schemes through a centralized configuration file.
Content Taxonomies - Groups posts using categories, tags, and date-based archives for easier discovery.
Card Layouts - Uses a flexible, responsive grid of cards to present content across different viewport widths.
Dark Mode Toggles - Provides a toggle between light and dark themes, including automatic system detection.
Post Metadata Displays - Displays article statistics including word count, estimated reading time, and update notices.
System Theme Detection - Detects and responds to operating system light or dark mode preferences.
Article Cover Management - Manages the display of cover images for posts on homepages and archives, including random defaults.
Commenting System Integrations - Integrates with external commenting platforms to enable user discussions on published posts.
Table of Contents - Generates a navigable table of contents with scroll-progress indicators.
Component Injection Tags - Renders specialized UI components like timelines and galleries based on specific metadata tags in Markdown files.
Related Content Suggestions - Suggests additional articles based on shared tag weights to improve content discovery.
Content Archive Pages - Displays a directory of published content organized by year and month.
Interactive Data Charting - Embeds interactive line, radar, and pie charts using an integrated charting library.
Mermaid Diagram Renderers - Renders flowcharts, sequence diagrams, and Gantt charts using Mermaid syntax within code blocks.
Offline PWA Layers - Implements service workers and manifest files to enable offline access and installation on mobile devices.
Mathematical Expression Rendering - Integrates a math engine to display complex formulas and symbols within posts.
External Service Integrations - Integrates third-party services for comments, analytics, and search via configurable script injections.
Asset Delivery Optimization - Optimizes resource loading by routing scripts and styles through external CDNs or local storage.
Callouts - Renders alert blocks with custom colors and icons to highlight important information.
Chronological Timelines - Displays a chronological sequence of events using a stylized vertical timeline with custom labels.
Custom Color Theme Definitions - Provides the ability to override default colors for UI elements such as links, buttons, and blockquotes.
Distraction-Free Reading Modes - Provides a reading mode that removes distracting UI elements to focus on content text.
Global Background Styles - Allows applying a global background using solid colors, gradients, or images.
Image Galleries - Creates visual image galleries by grouping images with custom titles using metadata tags.
Interactive UI Enhancements - Ships smooth scrolling, full-screen code blocks, and animated menu transitions.
Landing Page Templates - Provides a customizable landing page layout with typed subtitles and custom excerpts.
Partial Page Refreshers - Implements asynchronous page updates to enable faster navigation without full browser reloads.
Predictive Link Prefetching - Preloads the destination page when a user hovers over a link to eliminate navigation latency.
Syntax Highlighting - Renders code blocks with syntax highlighting and built-in clipboard copying functionality.
Syntax Highlighting Styles - Allows the application of external CSS files to define custom color schemes for code syntax highlighting.
Theme Customization - Provides controls for personalizing the site appearance, including backgrounds, cover images, and color schemes.
Series Grouping - Groups related articles into organized series for structured reading sequences.
Client-Side Asset Managers - Provides configurable routing of CSS and JavaScript assets through local paths or external CDNs.
Script Injections - Provides a mechanism to inject user-defined JavaScript to extend the website's functionality.
Custom Script Injections - Allows insertion of custom JS, CSS, and meta tags directly into the HTML head or body.
Image Lazy Loading - Defers image loading until they enter the viewport and supports modern formats to improve load times.
Progressive Web App Capabilities - Transforms the site into a Progressive Web App for offline access and mobile installation.
Social Graph Metadata - Generates Open Graph meta tags in the document head to enhance link previews on social platforms.
Theme Extension Plugins - Allows connecting external tools for encryption, comments, and analytics to extend site functionality.

blinkfox/hexo-theme-matery

5,362View on GitHub

A responsive Material Design theme for static blogs built with the Hexo framework. It functions as a comprehensive layout system that transforms markdown files into styled HTML pages, providing a specialized environment for technical documentation and personal blogging. The theme is characterized by a data-driven approach to content visualization, using radar charts for categories and word clouds for tags to represent post metadata. It further distinguishes its organization by utilizing a chronological timeline architecture for blog archives. The project covers a wide range of technical publ

nunocoracao/blowfish

2,622View on GitHub

Blowfish is a responsive theme for the Hugo static site generator, designed for creating content-focused websites. It utilizes the Tailwind CSS UI framework for utility-first styling and a Go-based engine to transform templates into plain HTML. The project features a technical content renderer that transforms LaTeX and Mermaid syntax into mathematical equations and SVG diagrams. It includes a serverless search system that generates a JSON index at build time for client-side retrieval and a multilingual publishing framework with support for right-to-left scripts. The theme covers a broad rang

saicaca/fuwari

4,166View on GitHub

Fuwari is a static site theme and markdown content framework designed for personal blog publishing. It provides a responsive visual template that renders markdown posts with a built-in dark mode and customizable colors. The project distinguishes itself through a set of markdown extensions that add rich UI elements to articles, including callout blocks, dynamic repository cards that fetch live data via API, and advanced code styling with diff support and line numbering. It also includes a full-text site search mechanism to allow visitors to locate specific information across the blog's content

shuding/nextra

13,842View on GitHub

Nextra is a documentation framework for Next.js that functions as an MDX static site generator. It enables the creation of structured technical documentation sites by transforming MDX files into themed static pages with built-in layout and navigation. It serves as a React-based documentation tool that allows the integration of custom React components directly into markdown content. The framework distinguishes itself through integrated full-text search and a localization system that manages multilingual content via language routing and translation selectors. It also includes an AI-powered chat

jerryc127hexo-theme-butterfly

Features