Hexo Theme Redefine is a modern, open-source theme for the Hexo static site generator that rebuilds the hexo-theme-keep foundation with Tailwind CSS, Font Awesome 6.2.1 Pro icons, and a broad set of writing and plugin tools.
What is Hexo Theme Redefine?
Hexo Theme Redefine is a blog theme built for Hexo 5.0+ and Node.js 12.0+, created by EvanNotFound and distributed through npm as hexo-theme-redefine or via git clone from GitHub. It takes standard Hexo site content (markdown posts, pages, and _config.yml) and renders it as a responsive blog with light/dark mode, drop-down menus, customizable footers, and plugin integrations. The theme is accompanied by documentation at redefine-docs.ohevan.com and demo sites including redefine.ohevan.com and the Redefine Theme Showcase.
Key Features
- Tailwind CSS included — the utility-first CSS framework is bundled, letting you style components with utility classes instead of writing custom CSS.
- Font Awesome 6.2.1 Pro — includes Duotone, Regular, Thin, and Sharp icon styles for flexible iconography.
- MathJax Support — renders LaTeX math notation in blog posts through the MathJax plugin.
- Mermaid JS Support — generates diagrams such as flowcharts and sequence diagrams from Mermaid syntax in markdown.
- Note Module — a content block component for highlighting notes, warnings, or tips inside articles.
- Friend Link Page — a page template for building a blogroll or links page.
- Light/Dark Mode Switching — toggle between light and dark themes manually or via system preference.
- Aplayer Support — embed an audio player for music, podcasts, or soundtracks.
- Article Header Image — assign a banner image to individual articles for visual variety.
- Site Uptime Display — show your site's uptime in the footer.
Who is it for?
Hexo bloggers who want a fast, modern theme with out-of-the-box features instead of assembling plugins themselves. Developers who appreciate Tailwind CSS and want a theme they can customize with utility classes. Technical writers who need MathJax and Mermaid support for math and diagrams. Bilingual bloggers will find the theme's README and documentation available in English, Simplified Chinese, and Traditional Chinese.
What can you do with Hexo Theme Redefine?
- Technical bloggers: write posts with LaTeX formulas and Mermaid diagrams, and they render automatically without extra build steps.
- Music podcasters: use Aplayer support to embed audio players directly in posts or pages.
- Site administrators: configure a drop-down menu, custom footer text, and uptime display from the theme config.
- Community organizers: create a Friend Link page to list partner sites, then submit your blog to the Redefine Theme Showcase.
How does Hexo Theme Redefine work?
To install, run npm install hexo-theme-redefine@latest in your Hexo site directory (or git clone https://github.com/EvanNotFound/hexo-theme-redefine.git themes/redefine), then set theme: redefine in your site's _config.yml. To update, re-run the npm install command or git pull inside the themes/redefine directory. The theme reads the standard Hexo configuration and provides its own _config.yml options documented at redefine-docs.ohevan.com.
FAQ
Is Hexo Theme Redefine free?
Yes, the theme is open source and available free of charge through npm and GitHub. You can install it without cost and modify it under the terms of its open-source distribution.
What Hexo version does Hexo Theme Redefine require?
Hexo Theme Redefine requires Hexo version 5.0.0 or higher, and Node.js version 12.0 or higher. Check your versions with hexo version and node -v before installing.
How do I update Hexo Theme Redefine?
If you installed via npm, run npm install hexo-theme-redefine@latest in your Hexo site folder. If you cloned the repository, navigate to themes/redefine and run git pull to fetch the latest changes.
