Hexo博客

hexo-theme-shion — Hexo 博客模板

作者 Shionyori

以东方Project依神紫苑为主题的内容优先Hexo博客主题，支持多语言、暗色模式与丰富标签插件。

打开源站下载源码 ZIP

看看你的网站会是什么样

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

1 个预览视图

目前只有 1 张可用预览，尚未找到可用演示站，暂无法补充内页和手机端截图。

仓库预览 1

查看源码在新标签页打开

作者提供的预览

来自项目仓库的原始界面图片。

目前有 1 张原始预览，可打开完整图片查看设计细节。

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

采集于 2026-09-27查看来源

值得关注的模板亮点

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

内容优先的干净设计，以东方Project角色为主题

支持暗色/亮色模式、多语言（英/简中/繁中/日）与本地搜索

内置 KaTeX 数学公式、代码高亮、图片懒加载与灯箱

提供 note、image、tabs、link card 等丰富标签插件

可配置侧边栏组件与音乐播放器，支持跨页面播放

内置 Giscus、Disqus、Waline 等多种评论系统适配

模板详细介绍

hexo-theme-shion 是一款以东方Project角色依神紫苑为主题的 Hexo 博客主题，设计上强调内容优先，整体风格干净克制。主题内置暗色/亮色模式、多语言（英文、简繁中文、日文）、本地搜索、目录高亮、代码高亮、KaTeX 数学公式等基础能力，并提供了 note、image、tabs、link card 等丰富的标签插件，适合搭建个人博客或技术内容站点。

主题在内容组织上推荐开启 Hexo 的 post asset folder 功能，将封面和插图放在文章同名文件夹中，方便管理。侧边栏组件、音乐播放器、友链页面等均通过配置文件驱动，可灵活开关。主题还支持按页面配置侧边栏布局，适合需要差异化展示的站点。

需要留意的是，项目目前 star 数较少，README 中未提供在线演示或完整的部署案例，生产使用前建议自行在本地完整测试。主题依赖 Node.js 18+ 和 Hexo 8.x，安装时需执行 npm install 与 npm run build 构建资源，配置项较多，建议仔细阅读 docs 目录下的配置参考。

Hexo博客

适合你的项目吗？

适用场景

个人技术博客或笔记站点
东方Project爱好者内容站
需要多语言支持的博客
需要数学公式与代码展示的技术文档站

适合人群

熟悉 Hexo 基本使用的开发者
愿意阅读文档进行配置的站长
喜欢内容优先、功能可裁剪的博客主题的用户

上手与定制指南

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

1
安装需要 Hexo 8.x 与 Node.js 18+，通过 git clone 到 themes 目录后需执行 npm install 和 npm run build 构建资源。
2
复制主题的 _config.yml 为 _config.shion.yml 进行自定义，并建议在站点配置中开启 post_asset_folder 以使用封面与插图功能。
3
评论、搜索、音乐等依赖第三方服务的功能需自行申请对应 key 或部署后端，上线前请逐一验证。

查看仓库使用说明