Hexo博客

hexo-theme-MiHoYo — Hexo 博客模板

作者 redhat123456

hexo-theme-MiHoYo 是一款以米哈游官方页面风格为参考的 Hexo 博客主题，采用 Apache-2.0 许可，目前提供三种页面，支持 Valine 评论。

打开源站下载源码 ZIP

看看你的网站会是什么样

浏览真实页面截图，比较内容排版与手机效果。点击下方缩略图切换，放大查看整页细节。

3 个预览视图

桌面端首页1 / 3

访问演示网站在新标签页打开

桌面端截图首屏预览

由服务器浏览器实际访问页面后截取。

全部页面与视图 3

截图用于了解视觉与布局，交互效果请以实际项目为准。

采集于 2026-10-01查看来源

值得关注的模板亮点

从已有项目资料中，快速了解它的特点。

以米哈游官方页面为模仿目标的二次元视觉风格

通过主题目录下的 _config.yml 配置顶部导航、信息栏、头像、标题与标语

集成 Valine 评论系统，需配置 app_id 与 app_key

仓库提供 PC 端与手机端预览截图及在线演示站点

采用 Apache-2.0 许可，允许免费使用、修改、商用与分发

模板详细介绍

hexo-theme-MiHoYo 是开发者 Tanger 为 Hexo 静态博客引擎编写的主题，目标是在视觉上模仿米哈游（MiHoYo）官方页面的二次元风格，让米哈游玩家浏览博客时感到熟悉。主题通过根目录 _config.yml 切换启用，并在主题自身的 _config.yml 中配置顶部导航栏、信息栏、网站描述、关键词、头像、标题与标语等内容。评论功能接入 Valine，需要填写 app_id 与 app_key。

根据 README，当前为第一版，只包含三种页面，作者自述开发时间约两周，并明确列出“适应移动端、加入背景图、更新信息卡效果”为后续计划。仓库提供 PC 端与手机端预览图，演示站点为 mihoyo.tanger.ltd。主题代码采用 Apache-2.0 许可，可免费使用、修改、商用和分发，但演示图片、字体、图标等第三方素材需单独核对许可。

Hexo博客

适合你的项目吗？

适用场景

使用 Hexo 搭建个人博客并希望采用二次元风格主题
米哈游玩家为博客选择贴近官方页面观感的主题
需要 Valine 评论功能的 Hexo 静态博客
希望基于现有主题二次修改顶部导航与信息栏配置的站点

适合人群

使用 Hexo 且偏好二次元视觉风格的个人博客作者
希望快速切换主题并调整导航、头像、标语等基础配置的用户
需要 Valine 评论的静态博客
接受第一版功能范围、愿意关注后续更新的使用者

上手与定制指南

结合仓库当前版本的说明，按下面的资料检查内容、配置与运行要求。

1
在 Hexo 根目录的 themes 文件夹中执行 git clone 下载主题仓库
2
编辑根目录 _config.yml，将 theme 字段改为 hexo-theme-MiHoYo
3
在根目录运行 hexo g 与 hexo s，访问 http://localhost:4000 预览
4
在主题目录的 _config.yml 中配置 menuname、author、menu、topmenu、description、keywords、img_src、logo_title、words 等项
5
如需评论，在主题 _config.yml 的 valine 段填写 app_id 与 app_key

查看仓库使用说明

授权与来源资料

使用条件与限制

免费使用 · 保留许可声明

本次收录的是公开仓库中采用 Apache-2.0 许可的免费版本；免费范围为该版本代码，不代表外部服务或第三方素材免费。

使用时需要遵守

允许免费使用、修改、商用和分发；分发时需随附 Apache-2.0 许可证。
修改过的文件需显著标明改动，并保留相关版权、专利、商标及归属声明。
若原项目附有 NOTICE 文件，分发衍生作品时需保留其中适用的归属声明。
许可包含适用的贡献者专利授权；发起许可所述专利诉讼会终止该专利授权，且不授予商标使用权。
代码按现状提供；担保与责任限制以原许可证及适用法律为准。

额外费用与待核对事项

评论功能依赖第三方 Valine 服务，需自行注册并填写 app_id 与 app_key，属于外部服务与账号要求，非主题代码本身限制。
邮件提醒需额外部署第三方 Valine-Admin 项目，属于可选外部服务依赖。
演示图片、字体、图标及其他第三方素材需按各自许可核对，不能仅凭代码的 Apache-2.0 许可判断。
域名、托管、数据库、支付或 AI 等外部服务可能另外收费。

查看原文依据

no-charge, royalty-free, irrevocable copyright license
许可证原文

本主题支持[Valine](https://valine.js.org/) 。请修改主题目录下 `_config.yml` 文件中 `valine:` 的 `app_id:` 与 `app_key:` 。
README 原文

开启邮件提醒：[zhaojun1998 / Valine-Admin](https://github.com/zhaojun1998/Valine-Admin)
README 原文

https://github.com/redhat123456/hexo-theme-MiHoYo/blob/main/LICENSE https://github.com/redhat123456/hexo-theme-MiHoYo/blob/main/README.md

DeepSeek 根据仓库许可证和 README 整理 ·2026-10-01。结果仅覆盖已读取资料，依赖、图片、字体及后续条款变更以各自原文为准。

项目核对记录与介绍依据

模板资料

来源平台: GitHub
资料与维护参考分: 资料一般 · 73 / 100
技术栈: Hexo
网站类型: 博客

这个分数如何计算

本站按许可资料（最高30分）、演示链接（12分）、预览图（10分）、Star数（15分）、记录的维护时间（15分）、描述完整度（8分）、功能记录（5分）和分类资料（5分）计算。它不是代码、安全或性能测试，也不是 Google 评分；有链接不代表已实测可用。

这个项目需要核对什么

记录的仓库更新时间: 2025-06-15
截图检查日期: 2026-10-01

已收录演示链接。请用你的内容与屏幕尺寸检查；有演示不代表表单、认证或支付已经可用。

目录记录的主要技术栈是 Hexo。请通过依赖清单和锁文件核对实际版本与托管要求。这些说明基于收录资料，不代表代码审计或部署实测。

查看具体选型方法 →

介绍的制作与核对状态

介绍由 AI 辅助整理目录与仓库资料。仓库作者不等于这篇介绍的审核者。

已完成服务器许可规则与 AI 来源核对；未经过人工编辑审核。

查看当时使用的来源资料

SHA-256: 47be0b3363fa16a5ed214ef6d2334b323eed288010c41229a6571da8f191a624

2026-10-01T03:33:47.907Z

来源文件 / 仓库

# hexo-theme-MiHoYo

## 初心

hexo 不是我开发的，但是 hexo-theme 可以啊，看多了 hexo-theme 就会有一种想开发的冲动，就像[【编写自己的 Hexo 主题】](https://easyhexo.com/4-High-order-hexo-gamer/4-2-theme-develop/#%E7%BC%96%E5%86%99%E8%87%AA%E5%B7%B1%E7%9A%84-hexo-%E4%B8%BB%E9%A2%98)中讲的那样：“当你看到你用的主题出现在两个以上的博客的时候，那你就要考虑自己写一个了。”，其实这个东西是我两周时间开发出来的，很快也很烂，根本比不上同时期的其他作品，可是人啊，就是想去实现一些梦想，想要一些做不到的东西，开发这段时间让我对自己的前端技术产生了彻头彻尾的反思，因为技术实在是太烂了，我都没想到自己的技术什么时候这么不堪（因为其实好的样式并非看上去那么好做），是的我也在慢慢来，慢慢变强，一切都要慢慢来。。。，现在是第一版只有三种页面，后面我会努力的，加油 🎉

如果想联系不妨用 **issue** 来留言，或者邮箱联系我：[email protected]，我会在第一时间回复。🎈

## 说明

该 hexo 主题是想表达出一股浓浓的二次元风格的 hexo 主题，后面会针对这一风格进行改进，以 MiHoYo 的官方页面作为主要的模仿目标，打造出一种让 MiHoYo 玩家一种亲切的感觉，一种较为浓厚的二次元风格的内容，我现在也在寻找一种合适的样式进行开发。如果你有更好的想法欢迎联系我，让我们一起为能力打造一款合适的二次元风格的 hexo-theme 而努力！！！😁

## 预览

PC 端：

![预览图片](https://i.loli.net/2021/10/24/bNlAoIfzGPQJcnt.png)

手机端：

<p align="center"> <image src="https://github.com/redhat123456/pohots/blob/master/gif/1.gif?raw=true"></image> </p>

Tanger: http://mihoyo.tanger.ltd/

如果您使用了该主题并想展示你的 blog~，欢迎在<a href="https://github.com/redhat123456/hexo-theme-MiHoYo/issues">issue</a>给我留言，我会把你展示出来 🎃

## 安装

手动安装

请按照以下步骤安装配置该主题

1、下载 hexo-theme-MiHoYo

在选中 `根目录/themes` 该文件后右键选择 `Git Bash Here` 或者 `PowerShell` 都可以（以下统一将这些命令行窗口称为命令行）。

`git clone [email protected]:redhat123456/hexo-theme-MiHoYo.git`
or
`git clone https://github.com/redhat123456/hexo-theme-MiHoYo.git`

我们就完成了第一步下载主题的扩展包

2、配置`_config.yml`（⚠ 值得注意的是：此处的`_config.yml`文件指的是在根目录下的`_config.yml`）

用编辑器打开该文件，之后在

`theme: XXXX` 这一行中将 theme 后面的`XXXX`去掉改成 `hexo-theme-MiHoYo`

3、部署 hexo 页面以及预览 hexo 页面

在根目录下打开命令行，依次输入`hexo g`和`hexo s`，打开浏览器输入`http://localhost:4000`，预览主题效果。

## 写作

- 可以参考 [Hexo|写作](https://hexo.io/zh-cn/docs/writing)

* 也可以参考 GitHub 的 [markdown 教程](https://guides.github.com/features/mastering-markdown/)

* 添加文章标题与分类，更多特性可以参考[Hexo|Front-matter](https://hexo.io/zh-cn/docs/front-matter) ，示例：

  ```markdown
  ---
  title: 'Hello World !'
  date: 2020-10-23 21:54:02
  tags: code
  category: Example
  ---
  ```

## 修改基础样式

我们可以通过在`theme/hexo-theme-MiHoYo`文件下的`_config.yml`来对主题样式进行修改，主要有如下样式可以修改

### 顶部导航栏设置

可以在主题页面中的`_config.yml`中对该代码行进行修改如下：

```markdown
menuname: Tanger's blog

# 你的昵称 | Your Name

author: Your Name

# main menu navigation

menu:
关于我 👀: /about
访问主站 🎃: http://tanger.cloud/
GitHub🧨: https://github.com/redhat123456
```

#### author

blog 作者名字

#### menuname

左侧链接，默认指向 blog 首页

#### menu

右侧顶部导航栏

设置：
`:`号前对应的是 标题名 后面代表链接 ，顶部导航栏就是根据该行代码写出自定义的导航栏

### 信息栏设置

对应的是`_config.yml`中的

```markdown
topmenu:
首页: /
关于: /about

## 网站描述

description: 嘿，我是 Tanger ～这是我的子站，用于展示写的 Hexo 主题：MiHoYo。欢迎访问！

## 网站关键词：用英文逗号分割

keywords: hexo,theme,MiHoYo

## blog 头像

img_src: https://avatars.githubusercontent.com/u/57751257?v=4

# 网站标题 | Title

logo_title: Hexo Theme

#标语 | Your Slogan
words: Your Words
```

可以根据对应的信息进行修改

## 评论系统

本主题支持[Valine](https://valine.js.org/) 。
请修改主题目录下 `_config.yml` 文件中 `valine:` 的 `app_id:` 与 `app_key:` 。

参考 [Valine 快速开始](https://valine.js.org/quickstart.html)

开启邮件提醒：[zhaojun1998 / Valine-Admin](https://github.com/zhaojun1998/Valine-Admin)

## 参与开发

### 开发人员

- [Tanger](https://github.com/redhat123456)
- [Yue_plus](https://github.com/Yue-plus)

> 欢迎提交 [Issues](https://github.com/redhat123456/hexo-theme-MiHoYo/issues/new) 与 [PR](https://github.com/redhat123456/hexo-theme-MiHoYo/issues/pulls)

### 参与开发可能需要的文档

- [Hexo 官方文档](https://hexo.io/zh-cn/docs/templates)
- [ejs 模板引擎中文文档](https://ejs.bootcss.com/)

- 另外引用几个大佬的 blog
  > - <https://easyhexo.com/>
  > - [让 Hexo 搭建的博客支持 LaTeX](http://cps.ninja/2019/03/16/hexo-with-latex/)
  > - [Hexo 主题开发 - ﹏猴子请来的救兵 - 博客园](https://www.cnblogs.com/yyhh/p/11058985.html)
  > - 【墙】[Hexo 主题开发经验杂谈 | MARKSZ の Blog](https://molunerfinn.com/make-a-hexo-theme/)
  > - 【墙】[Hexo 主题开发指南 | Peak Xin's Blog](https://xinyufeng.net/2019/04/15/hexo-theme-guide/)

## 下一步实现的功能

* 适应移动端
* 加入背景图
* 更新信息卡的效果

## 支援主题开发

喜欢这个主题的话可以：

- 给颗小星星吧 `(/▽＼)`
  > - 给个小目标 50star 做个新主题哦~
- 加入 QQ 群：808985048 
  > 群内开发为主，吹水晒卡，有什么代码想分享也都欢迎哦~ `d=====(￣▽￣*)b`

反馈内容错误