A static blog site based on Hexo, with a theme inherited and modified from blinkfox/hexo-theme-matery
HexoBlog
Blog-Hexo-Matery-theme — Hexo Blog Template
By tangg555
Source code for a personal blog built with Hexo and the Matery theme, including a homepage carousel, article list, archives, tag cloud, category radar chart, gallery, and message board, with optional comment, analytics, and live chat components.
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-02View source
What stands out
A quick read of the recorded project description.
Homepage carousel and daily dynamic banner, with the article list using a waterfall layout
Archive timeline, word cloud tag page, and radar chart category page
Supports pinning, rewards, MathJax, TOC, appending copyright on copy, and article read password
Can integrate Gitalk, Gitment, Valine, Disqus comments, as well as Busuanzi, Google Analytics, and Baidu Analytics
Includes optional components such as a live2d mascot, snow animations, weather plugin, and online chat
Template Details
This is a personal blog project built in 2020 using NodeJS and the Hexo static site generator, with a theme inherited and modified from blinkfox/hexo-theme-matery. The repository provides three addresses: the live site, the Git Pages repository, and the code repository, along with corresponding setup tutorials (an on-site article and a CSDN version).
Content-wise, it includes a homepage carousel and dynamic banner, a waterfall-style article list, a timeline archive page, a word cloud tag page, a radar chart category page, a fairly rich about page, a friend links page with customizable data, as well as a gallery and message board. Articles support pinning, rewards, MathJax, TOC, appending copyright information on copy, and read-password verification.
For interactions and third-party integrations, the comment module can use Gitalk, Gitment, Valine, or Disqus (the README recommends Gitalk), and it integrates Busuanzi statistics, Google Analytics, Baidu Analytics, and article word count. The homepage supports music and video playback; it also includes DaoVoice, Tidio online chat, a weather plugin, a live2d mascot, and snow animations in both Head and Layout. Some capabilities listed in the README (such as the weather plugin and online chat) depend on external services, and actual availability depends on whether the corresponding services are still offered.
The project is positioned as a complete example of a personal blog and companion code for tutorials, not a general-purpose theme package; the repository does not state production readiness or performance metrics, so before use it is advisable to verify dependencies and external service configurations against your own environment.
HexoBlog
Is it right for your project?
Use Cases
- Building a personal tech blog and publishing it to GitHub Pages
- Following the author's tutorials to configure Hexo and the Matery theme step by step
- Referencing page layouts and interaction component implementations for an existing Hexo site
- Blog scenarios that need extended pages such as a gallery, message board, and friend links
Suitable For
- Developers who want to quickly start a personal blog with Hexo
- Users who need Chinese tutorials and complete example code for comparative learning
- Site maintainers who accept configuring third-party services such as comments and analytics as needed
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The project is based on NodeJS and Hexo; the README states versions NodeJS v12.16.3 and hexo-cli v3.1.0. Please verify compatibility in your actual environment.
- 2
Components such as comments, analytics, online chat, and weather depend on external services and require separate application configuration and confirmation that the services are available.
- 3
The code uses the Apache-2.0 license, and the license must be included when distributing; third-party assets such as demo images, fonts, and icons require separate authorization checks.
- 4
The README provides links to an on-site tutorial and a CSDN tutorial, which can be followed to complete setup and deployment.
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the Apache-2.0 license in the public repository; the free scope is the code of that version and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution are permitted; the Apache-2.0 license must be included when distributing.
- Modified files must prominently indicate changes, and relevant copyright, patent, trademark, and attribution notices must be retained.
- If the original project includes a NOTICE file, applicable attribution notices in it must be retained when distributing derivative works.
- The license includes an applicable contributor patent grant; initiating patent litigation as described in the license terminates that patent grant, and no trademark use rights are granted.
- 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
- Comment functionality depends on third-party services: Gitalk/Gitment require a GitHub account and OAuth application, Valine requires a LeanCloud account, and Disqus requires site registration; all require self-application and configuration and are not ready out of the box.
- Analytics functionality depends on external services: Busuanzi statistics and Google Analytics require integrating the corresponding external services and configuring site IDs; Google Analytics may be inaccessible in some regions.
- Online chat functionality depends on third-party services such as DaoVoice or Tidio, requiring account registration and embedding their scripts; service availability and terms are determined by the third party.
- The weather plugin requires integrating an external weather service/API and may require applying for a key; actual availability depends on whether that service is still offered.
- The live2d mascot comes from the third-party project live2d-widget; authorization for its models and assets must be checked separately and is not granted together with this project's Apache-2.0 license.
- The theme is inherited and modified from blinkfox/hexo-theme-matery; upstream copyright and license notices must be retained when distributing, and modifications must be indicated.
- 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 Apache-2.0 license.
- External services such as domains, hosting, databases, payments, or AI may incur additional fees.
View Original Text Basis
no-charge, royalty-free, irrevocable copyright license
Original License Text
Comment module of [Gitalk](https://gitalk.github.io/), [Gitment](https://imsun.github.io/gitment/), [Valine](https://valine.js.org/) and [Disqus](https://disqus.com/).(Gitalk is recommended)
Original README
Integrated [Busuanzi Statistics](http://busuanzi.ibruce.info/), `Google Analytics` and post word count statistics.
Original README
Support [DaoVoice](http://www.daovoice.io/), [Tidio](https://www.tidio.com/) online chat.
Original README
Support weather plugin
Original README
[ 参考添加了看板娘 https://github.com/stevenjoezhang/live2d-widget](https://github.com/stevenjoezhang/live2d-widget)
Original README
https://github.com/tangg555/Blog-Hexo-Matery-theme/blob/master/LICENSEhttps://github.com/tangg555/Blog-Hexo-Matery-theme/blob/master/README.md[ blinkfox /hexo-theme-matery （我的主题继承并修改了这份代码）](https://github.com/blinkfox/hexo-theme-matery)
Original README
Compiled by DeepSeek based on repository license and README ·2026-10-02. 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 · 56 / 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
- 2023-01-05
- Screenshot last checked
- 2026-10-02
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: a026d8f08ca3d806a7bf42bc5b9e80cb8a35858e1b3d9003a73881f5a134cd26
2026-10-02T22:57:49.575Z
Source file / repository# The blog of Travis Tang (NodeJS v12.16.3 + hexo-cli v3.1.0) [](https://github.com/blinkfox/hexo-theme-matery/blob/master/LICENSE)[](http://hexo.io) **The website of this blog（博客网站）:** [https://tangg555.github.io/](https://tangg555.github.io/) **Git Pages of this blog（Git Pages仓库）:** [https://github.com/tangg555/tangg555.github.io](https://github.com/tangg555/tangg555.github.io) **Code of this blog（代码仓库）:** [https://github.com/tangg555/Blog-Hexo-Matery-theme](https://github.com/tangg555/Blog-Hexo-Matery-theme) **Usage（对应教程）:** [https://tangg555.github.io/2020/05/23/2020-05-23-nodejs-hexo-kuai-su-da-jian-ge-ren-bo-ke-xiang-xi-jiao-cheng/](https://tangg555.github.io/2020/05/23/2020-05-23-nodejs-hexo-kuai-su-da-jian-ge-ren-bo-ke-xiang-xi-jiao-cheng/) 或者csdn博客： [https://blog.csdn.net/tangg555/article/details/106309336](https://blog.csdn.net/tangg555/article/details/106309336) ## 特点 - Simple and beautiful, and post is Beautiful and readable. - [Material Design](https://material.io/). - Responsive design,which can be displayed well on desktop, tablet, mobile phone, etc. - Home page carousel posts and changing 'banner' picture dynamically everday. - Blog posts list with waterflow(There will be 24 images if the articl dosn't have featured pictures). - Archive page with timeline. - Tags page of the **word cloud** and categories page of the **radar chart** - Rich 'About' page (including about me, posts charts, my projects, my skills, gallery etc.) - Friendly link page for customizable data - Support post topping and rewards - Support `MathJax` - TOC - Can be set append the copyright information when copying the content of the post - Can be set to do password verification when reading a post - Comment module of [Gitalk](https://gitalk.github.io/), [Gitment](https://imsun.github.io/gitment/), [Valine](https://valine.js.org/) and [Disqus](https://disqus.com/).(Gitalk is recommended) - Integrated [Busuanzi Statistics](http://busuanzi.ibruce.info/), `Google Analytics` and post word count statistics. - Support music playback and video playback on the homepage - Support the `emoji` emoticon and use the `markdown emoji` grammar to directly generate the corresponding emoticon. - Support [DaoVoice](http://www.daovoice.io/), [Tidio](https://www.tidio.com/) online chat. - Two snow animation in Head and Layout - Support weather plugin - Beautiful live2d characters - Galleries with TOC - Support Baidu Analytics - Others (you can see from the website) ## 截图 **首页**    **看板娘**  **留言板**  **相册**  ## 主要参考： [韦阳的博客（里面有教程和github链接，也是matery主题） https://godweiyang.com/2018/04/13/hexo-blog/](https://godweiyang.com/2018/04/13/hexo-blog/) [ blinkfox /hexo-theme-matery （我的主题继承并修改了这份代码）](https://github.com/blinkfox/hexo-theme-matery) [ 参考添加了看板娘 https://github.com/stevenjoezhang/live2d-widget](https://github.com/stevenjoezhang/live2d-widget) [ hexo博客添加一级分类相册](https://liyangzone.com/2019/07/22/hexo%E5%8D%9A%E5%AE%A2%E6%B7%BB%E5%8A%A0%E4%B8%80%E7%BA%A7%E5%88%86%E7%B1%BB%E7%9B%B8%E5%86%8C/)
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