Light/dark mode switching, with the choice persisted via localStorage
HexoBlog
hexo-theme-zobot — Hexo Blog Template
By zhuoqizheng
hexo-theme-zobot is a minimal Hexo blog theme that offers light/dark mode switching, a canvas robot home page animation, and serif typography.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Author preview
Author-provided preview
Preview provided in the project README.
One original preview is available. Open the full image to inspect the design.
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-03View source
What stands out
A quick read of the recorded project description.
Home page uses canvas to draw an animation of a SLAM-style robot walking through a maze
Scroll progress bar and back-to-top button
Prism.js code highlighting with matching material-light / material-dark themes
Serif typography with Cormorant Garamond for headings, Noto Serif SC for body text, and JetBrains Mono for code
EJS templates and Stylus styles, responsive layout with dynamic background patterns
Template Details
hexo-theme-zobot is a Hexo blog theme published on GitHub under the MIT license. It is heavily customized from xmizore's hexo-theme-insnow (also MIT) to form the version called zobot. The theme uses EJS templates and Stylus styles, positioned as a minimal, editorial-feeling blog appearance.
In terms of features, the theme provides light/dark mode switching and remembers the choice via localStorage; the home page uses canvas to draw an animation of a SLAM-style robot walking through a maze; pages include a scroll progress bar and a back-to-top button; code highlighting uses Prism.js with matching material-light / material-dark color schemes. For fonts, headings use Cormorant Garamond, body text uses Noto Serif SC, and code uses JetBrains Mono, giving an overall serif typography style, with a responsive layout and dynamic background patterns.
For usage, clone the theme via git clone into the Hexo site's themes/zobot directory and set theme: zobot in the site's _config.yml. The theme configuration themes/zobot/_config.yml allows setting footer social links (github, linkedin, mail, instagram, and the copyright start year since), the home page subtitle and additional introduction text, and the logo image paths for light and dark modes (logo files must be placed in the site's source/image/ directory). Pages such as about, tags, categories, and archive need to be created with hexo new page, and their front-matter must specify layout as about, tags, categories, or archive. The demo site given in the README is zhuoqi.me.
In terms of limitations, the repository does not provide a dependency list or version requirements, so compatibility with the Hexo version in use must be confirmed before installation; third-party assets of the theme (demo images, fonts, icons, etc.) must be checked separately under their respective licenses, and the code's MIT license does not cover these.
HexoBlog
Is it right for your project?
Use Cases
- Building a personal Hexo blog focused on text reading
- Sites that need both light and dark reading modes and want to remember the user's choice
- Blogs that want to replace a static header image with a canvas animation on the home page
- Writing sites that prefer serif fonts and a clean editorial layout
Suitable For
- Site owners who use Hexo to generate static blogs
- Writers who like a minimal, serif typography style
- Developer blogs that need light/dark mode switching and code highlighting
- Users willing to manually configure footer links, logos, and pages according to the README
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Clone the repository into the Hexo site's themes/zobot directory and set theme: zobot in the site's _config.yml
- 2
Configure footer social links, copyright start year, home page subtitle, and light/dark mode logo paths in themes/zobot/_config.yml
- 3
Logo images must be placed in the site's source/image/ directory, then the corresponding paths filled in the theme configuration
- 4
Create about, tags, categories, and archive pages with hexo new page, and set the corresponding layout in their front-matter
- 5
The README does not list dependencies or version requirements; please confirm compatibility with the Hexo version in use before installation
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- This theme is heavily customized from xmizore's hexo-theme-insnow (MIT license), and the original project's MIT copyright and license notice must be retained when using it.
- You need to prepare logo images yourself and place them in the site's source/image/ directory, then fill in the paths in the theme configuration; the theme itself does not include logo assets.
- Pages such as about, tags, categories, and archive need to be created by the user with hexo new page and have their layout specified in front-matter; the theme does not automatically generate these pages.
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Based on [hexo-theme-insnow](https://github.com/xmizore/hexo-theme-insnow) by xmizore (MIT), heavily customized into **zobot**.
Original README
Place your logo images in your site's `source/image/` directory, then set the paths under `logo:` above.
Original README
https://github.com/zhuoqizheng/hexo-theme-zobot/blob/main/LICENSEhttps://github.com/zhuoqizheng/hexo-theme-zobot/blob/main/README.mdCreate the following pages as needed:
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-03. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 68 / 100
- Technologies
- Hexo
- Website type
- Blog
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2026-04-17
- Screenshot last checked
- 2026-10-03
No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.
The catalog identifies Hexo as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: 1021bea581cdaa42f64d4cf2f3ad3ef714ffe50bdc9f0e04132e8b602c6ce96b
2026-10-03T03:35:08.434Z
Source file / repository# hexo-theme-zobot A minimal, elegant Hexo blog theme featuring: - **Light / Dark mode** toggle (persisted via `localStorage`) - **Animated home page** — SLAM-style robot maze-walker drawn on `<canvas>` - **Scroll progress bar** + back-to-top button - **Syntax highlighting** via Prism.js with matching `material-light` / `material-dark` themes - **Clean typography**: Cormorant Garamond headings · Noto Serif SC body · JetBrains Mono code - **Responsive** layout with animated background pattern - EJS templates · Stylus CSS ## Preview **Demo:** [zhuoqi.me](https://zhuoqi.me)   ## Installation ```bash cd your-hexo-site git clone https://github.com/zhuoqizheng/hexo-theme-zobot themes/zobot ``` Set the theme in your site's `_config.yml`: ```yaml theme: zobot ``` ## Theme Configuration Edit `themes/zobot/_config.yml`: ```yaml # Footer social links (remove any you don't need) footer: github: https://github.com/yourusername linkedin: https://www.linkedin.com/in/yourusername mail: mailto:[email protected] instagram: https://www.instagram.com/yourusername since: 2024 # copyright start year # Home page text home: subtitle: "My Blog" # shown below the logo on the home page extra_intro: "" # optional second intro line # Logo image paths — place your logo files in your site's source/image/ folder logo: light: /image/logo.png # logo for light mode dark: /image/logo.png # logo for dark mode (can be the same file) ``` ### Logo Place your logo images in your site's `source/image/` directory, then set the paths under `logo:` above. ### Pages Create the following pages as needed: ```bash hexo new page about hexo new page tags hexo new page categories hexo new page archive ``` Set `layout` in each page's front-matter: ```yaml # source/tags/index.md layout: tags # source/categories/index.md layout: categories # source/about/index.md layout: about ``` ## Credits Based on [hexo-theme-insnow](https://github.com/xmizore/hexo-theme-insnow) by xmizore (MIT), heavily customized into **zobot**. ## License MIT
Explore similar templates
Compare previews and descriptions within the same stack and category.
hexo-theme-matery
hexo-theme-matery is a Material Design, responsive Hexo blog theme with homepage carousel, waterfall post list, timeline archive, word cloud tags, radar chart categories, and an about page.
Hexo · Blog
hexo-theme-cactus
Cactus is a responsive Hexo theme for personal websites and blogs, maintained by probberechts. It offers four color schemes (dark, light, white, classic), configurable navigation, homepage post lists, project lists, social links, and copyright year ranges.
Hexo · Blog
hexo-theme-volantis
Volantis is a blog theme for Hexo, distributed as the npm package hexo-theme-volantis and enabled by setting theme to volantis in the Hexo site's _config.yml. It requires Hexo 7.3+, hexo-cli 4.3+, Node.js 22.x LTS+, and npm 10.x LTS+.
Hexo · Blog
hexo-theme-aurora
Hexo Theme Aurora is a futuristic Hexo blog theme built around aurora gradients and a magazine-style grid layout.
Hexo · Blog
hexo-theme-Claudia
Claudia is a Hexo blog theme focused on a clean look and easy configuration. It automatically follows the device's dark mode and claims a 90+ Lighthouse score.
Hexo · Blog
hexo-theme-A4
hexo-theme-A4 is a minimalist Hexo blog theme that mimics the texture of A4 paper, emphasizing simplicity, small size, and minimal configuration.
Hexo · Blog