FIT2CLOUD
Serenity-Grace 的图标

Serenity-Grace

562
156

Serenity 开发的 Halo 博客主题,简约优雅,支持亮色/暗色模式。

Serenity-Grace

简约优雅的 Halo 博客主题,以樱花粉与湖水蓝为主色调,支持亮暗模式自由切换。

简约而不简单,优雅而不失功能

概览

Serenity-Grace 是一款专为 Halo 2.x 设计的现代化博客主题,追求简约优雅的设计风格,同时提供丰富的功能配置。主题支持亮色/暗色模式切换,响应式设计完美适配各种设备,让你专注于内容创作。

演示站点Serenity’s Blog

预览

预览1

预览2

预览3

预览4

预览5

预览6

特性

设计特性

  • 响应式设计,完美适配桌面端、平板、手机
  • 亮色/暗色模式切换,支持跟随系统
  • 简约优雅的 UI 设计,注重阅读体验
  • 流畅的动画效果和过渡
  • 首页背景壁纸支持(图片/视频)
  • 打字机效果标题
  • 首次访问欢迎页(可配置吉祥物、语录)

内容展示

  • 首页个人信息展示(头像、简介、社交链接)
  • 风向标快速导航
  • 近期笔记列表
  • 站点动态流
  • 随想碎片卡片轮播
  • 生活回想(图片展示)
  • 天气时钟组件(集成心知天气 API)

丰富的页面模板

  • 首页 - 个人信息 + 文章列表
  • 文章页 - 目录导航 + 相关文章
  • 归档页 - 时间线展示,支持置顶文章
  • 分类/标签页 - 卡片式展示
  • 关于页 - 技能展示 + 十年之约倒计时
  • 碎碎念 - 适配官方瞬间插件
  • 朋友们 - 友链展示 + 友链申请
  • 留言板 - 访客留言
  • 项目集 - GitHub 项目展示
  • 朋友圈 - 订阅友链文章聚合
  • 图库 - 照片瀑布流展示

后台配置

  • 完善的后台设置面板
  • 社交链接自定义(GitHub、Twitter、Email、微博、B站等)
  • 赞助/打赏功能
  • SEO 优化配置
  • 自定义 Head/Script 代码注入
  • 水印设置
  • 页脚备案号配置

插件适配

  • 评论组件插件
  • 瞬间插件
  • 链接管理插件
  • 友链自助提交插件
  • 朋友圈插件
  • 爱发电插件
  • 图库管理插件
  • Dicebear头像插件

依赖插件

插件 说明 必需
评论组件 评论插件
瞬间 用于碎碎念页面
链接管理 用于友链页面
友链自助提交 用于友链提交页面
朋友圈 用于朋友圈聚合页面
爱发电 用于关于页面
图库管理 用于图库集页面
Dicebear头像 用于评论组件头像

依赖插件均可在 Halo 官方应用市场 中直接安装。

使用方法

  1. 安装 Halo(需要 2.0.0 或更高版本)
  2. Release 下载最新版本的主题压缩包
  3. 在 Halo 后台 Console 端的「外观 → 主题」菜单直接上传安装
  4. 启用主题并进入主题设置进行个性化配置
  5. 根据需要安装相应的依赖插件

主题设置

主题提供了丰富的设置选项,包括:

  • 基本设置:站点标题、作者、描述、Logo、默认主题模式
  • 首页头部:头像、名称、标语、个人简介、打字机效果
  • 欢迎页设置:启用开关、吉祥物配置、自定义语录
  • 社交链接:支持多种社交平台图标和链接
  • 风向标:快速导航区域配置
  • 首页内容:背景壁纸、天气时钟、近期笔记等模块开关
  • 文章页面:侧边栏组件、版权信息、打赏功能
  • 页脚设置:备案号、建站年份、RSS 订阅
  • 关于页面:技能列表、建站历程、十年之约
  • SEO 优化:关键词、JSON-LD、站点验证
  • 项目展示:GitHub 项目自动获取或手动添加

鸣谢

感谢所有优秀的 Halo 主题作者,你们的作品给了我很多灵感。

License

GPL-3.0 © Serenity


讨论(0)

这是一个开源应用,我们推荐优先在开源仓库中提交 issue,以便开发者更好地接收和跟进问题。

去提交 issue