Hexo Theme Tomotoes is a Hexo blog theme created by Tomotoes that transforms Markdown content into a modern, animated static website. It ships with built-in features such as dependency-free sharing, static-data site search, and support for multiple comment plugins, all styled with Less.
What is hexo-theme-tomotoes?
Hexo Theme Tomotoes is a theme for the Hexo static site generator, authored by Tomotoes and available on GitHub. It takes standard Hexo Markdown posts and pages and outputs a styled blog with a custom UI, requiring the hexo-renderer-less plugin to compile its Less stylesheets. The theme targets modern browsers (IE10+) and includes a number of integrated features beyond visual styling, such as site search, article tipping, and emoji rendering. The author's personal site at tomotoes.com includes additional customizations that may differ from this public theme.
What makes hexo-theme-tomotoes stand out?
- Less-based styling — Uses Less as the CSS preprocessor; you must install
hexo-renderer-lessfor the theme to build correctly, and Roboto font support is included. - Waves ripple effects — Integrates the Waves library (by fians) to add click ripple animations to menus and buttons.
- Dependency-free sharing — Provides social sharing without any front-end JavaScript dependencies.
- Static-data site search — Implements on-site search over static JSON data with no third-party service or external API.
- Article tipping — Supports a reward button on posts so readers can tip the author via Alipay or WeChat.
- Multiple comment plugins — Works with several different comment systems (specific plugins are not enumerated in the README).
- Custom options — Exposes many configuration toggles, including the ability to turn animations on or off and to change the title of each page.
- Extras — Includes Emoji support, a one-sentence (一言) signature feature, a website uptime counter, a small icon menu, and companion projects such as a React-terminal about page and a custom homepage.
Who should use hexo-theme-tomotoes?
- Hexo bloggers seeking a modern, animated design for their personal or technical blog can install this theme to get a polished UI out of the box.
- Developers comfortable with Less can easily tweak the theme's variables and components to match their brand since the styling is written in Less.
- Privacy-conscious site owners benefit from the fact that the built-in search and sharing features do not require third-party JavaScript widgets, reducing external tracking.
What can you do with hexo-theme-tomotoes?
- Personal bloggers: publish Markdown posts and get a fresh, refined layout with a reward button so readers can send tips via Alipay/WeChat.
- Technical writers: add on-site static search to let readers find posts quickly without depending on external search engines.
- Customizers: take advantage of the many exposed options to disable animations, rename page titles, or extend the theme using the companion React-terminal and HomePage projects as references.
How does hexo-theme-tomotoes work?
The theme is used as a standard Hexo theme: place it in your themes directory and configure Hexo to use it. Because the styles are written in Less, you must install the hexo-renderer-less plugin before generating the site. Detailed setup instructions and configuration reference are available in the project's wiki, and a changelog is maintained in the Releases section.
Pros and cons
- Pros: Feature-rich for a Hexo theme; includes search, sharing, tipping, comment plugin support, emoji, and animations; no third-party dependencies for core interactions; actively documented with a wiki.
- Cons: Only supports IE10+ and other modern browsers — there is no legacy browser support by design; the styling depends on an extra plugin (
hexo-renderer-less) that must be installed.
Pricing
The theme is freely available on GitHub. The author accepts voluntary sponsorship through Alipay and WeChat, which can be seen in the repository's README badges.
FAQ
Does hexo-theme-tomotoes support older browsers?
No. The author explicitly states that the theme only supports IE10+ and modern browsers, and that making it backward-compatible with older browsers would require substantial extra work. If you need to serve visitors on legacy browsers, this theme may not be suitable.
What CSS preprocessor does the theme use?
The theme uses Less. You must install the hexo-renderer-less plugin for the theme's stylesheets to compile during site generation. Without it, the theme will not render correctly.
Does the search feature rely on a third-party service?
No, the search is based on static data and has no third-party involvement. This means search queries are handled entirely within your generated static site, with no external requests or privacy concerns.
Can I customize animations and page titles?
Yes, the theme provides many custom options, including toggling animations on or off and changing the title of individual pages. These options are part of the theme's configuration.
Is there documentation available?
Yes, the repository includes a wiki with documentation in Chinese, linked from the README. There is also a Releases section with a changelog that notes what changed between versions.
