Blog-Hexo-Matery-theme — Hexo 博客模板

SHA-256: a026d8f08ca3d806a7bf42bc5b9e80cb8a35858e1b3d9003a73881f5a134cd26

2026-10-02T22:57:49.575Z

# The blog of Travis Tang (NodeJS v12.16.3 + hexo-cli v3.1.0)

[![GitHub license](https://img.shields.io/github/license/blinkfox/hexo-theme-matery.svg)](https://github.com/blinkfox/hexo-theme-matery/blob/master/LICENSE)[![Hexo Version](https://img.shields.io/badge/hexo-%3E%3D%203.0-blue.svg)](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)


## 截图

**首页**

![](/images/首页1.png)

![](/images/首页2.png)

![](/images/首页3.png)

**看板娘**

![](/images/看板娘.png)

**留言板**

![](/images/留言.png)

**相册**

![](/images/相册.png)

## 主要参考：
[韦阳的博客（里面有教程和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/)