HALO 2 博客主题
Halo-Theme-Ethereal 2.0.0
一款专为 Halo 打造的 Fuwari 风格增强型主题
更新说明
欢迎使用 Ethereal 主题 v2.0.0 正式版。请注意,本次更新会导致部分主题配置失效,需重新配置,详见 设置项迁移
本次更新带来全新「沉浸(Hero)」全屏壁纸布局、可自由编排的侧边栏小组件体系、关于页 / 打赏页页面模板与页脚卡片版式,并为全站页头、卡片与正文元素换上新的视觉语言;同时系统性打磨了换页动画、移动端流畅度与旧版浏览器兼容性。
更新完成后建议前往「主题设置 → 详细」进行 重载主题配置 & 清除模板缓存 两项操作,确保新设置项正常生效
主题文档暂未完善,更新后请自行摸索相关配置,如在主题使用中遇到问题或者建议,欢迎在 Issue 中提交,也可前往 主题交流群 进行讨论
全屏壁纸
沉浸(Hero)布局
-
「全屏布局」新增「沉浸模式」,并支持经典 / 沉浸两种形态,且访客可在前台「显示设置」中切换;可前往「布局设置 → Banner 布局」切换体验
-
沉浸布局下壁纸钉住视口:首页下滑时壁纸由清晰渐变至模糊、标题随滚动上移淡出;非首页固定模糊、内容贴近导航栏;显示设置支持调节背景模糊度、卡片透明度
导航栏与细节
-
全屏模式新增首页导航栏顶部透明,向下滚动平滑过渡为玻璃底
-
Banner 署名胶囊在全屏壁纸下隐藏,透明模式移除壁纸压暗滤镜,暗色卡片底改用深灰
流畅度
-
优化移动端壁纸切换与抽屉菜单性能,消除切换卡顿
-
打磨换页动画:首页与内页互切时标题落位后再显现、滚动位置与内容位移锁步同步,消除抖动
首页 Banner
链接图标行
- 标题 / 副标题下方新增一排链接按钮,支持纯图标与 图标 + 名称 胶囊两种形态;可前往「样式设置 → 标题与副标题 → Banner 链接」配置体验
图片加载
-
Banner 图片分档加载适配全部图床
-
首屏 Banner 揭示不再等待主脚本,媒体就绪且首帧绘制后即刻显示
-
标题 / 副标题字号改为首帧定档,修复移动端首屏字号闪变
页面头部
仪表条形态
- 全站页头升级为「眉题 + 标题 + 统计方片 + 动作槽 + 大图标水印」仪表条形态,页头与内容拆分为独立卡片
筛选与统计
-
分组筛选池改为全新胶囊形态(滑动选中浮块),全部分组页统一接入;页头统计随当前筛选分组实时变化
-
「已筛选」清除钮移至统计片左侧;日程日历页面周导航移至页头,心愿墙页面分组控件移动至页头
侧边栏
小组件吸顶
- 左右侧栏重构为「不吸顶区 + 吸顶区」,每个小组件可单独勾选「吸顶」;可前往「侧边栏 → 小组件设置」配置体验
移动端专用列表
- 新增移动端专用小组件列表(<768px):留空时沿用「左栏 → 右栏」顺序,配置后只显示指定组件;可前往「侧边栏 → 小组件设置」配置体验
目录位置
-
目录支持挂载在左侧栏或右侧栏(三栏布局),两栏布局继续使用悬浮目录;可前往「文章 → 目录位置」配置体验
-
含目录的文章页仅保留前 2 个吸顶组件,高度差额由目录卡片承担
两栏「右栏模式」
- 新增两栏布局右栏模式:侧栏与正文交换列位置,悬浮目录镜像到左侧空白槽;可前往「布局设置 → 页面布局」配置体验
配置与细节
-
小组件详细配置外提为独立设置分组(站点统计 / 天气 / 一言 / 音乐 / 日程),同类小组件可在多个位置复用
-
侧栏小组件不再随站内换页重建,音乐播放器与天气等组件在换页间保持状态
-
音乐播放器未配置 ID 时显示提示卡;默认小组件列表重新编排
页脚
友情链接卡片墙
-
页脚新增友情链接卡片墙,数据来自友情链接插件、服务端渲染;可前往「页脚 → 页脚友情链接」配置体验
-
支持显示开关、仅在首页显示、申请友链按钮与最多显示条数
卡片版式与星芒分割带
-
新增卡片版式页脚,卡片版式整合站点标题、友情链接(紧凑形态)、社交图标、版权与备案等信息,整块为一张卡片;可前往「页脚 → 页脚样式类型」配置体验
-
新增星芒分割带样式;可前往「页脚 → 分割带样式类型」配置体验
正文与卡片
正文元素适配
-
文章正文元素全面适配:图片 / iframe 圆角、分隔线、列表 marker、嵌套列表、任务列表、折叠块、视频防溢出与表格磨砂卡片
-
折叠面板样式优化:友链页折叠面板指示器移至标题左侧,与正文折叠块统一为圆角三角
列表封面比例
-
文章卡片列表模式新增「列表封面比例」设置:撑满卡片高度(默认)/ 固定 16:9;固定 16:9 在屏幕变窄后自动垂直居中裁切,避免封面越裁越多;可前往「布局设置 → 文章卡片布局 → 列表封面比例」配置体验
-
移动端卡片封面比例统一为 2:1
项目集卡片
-
项目集列表卡片重构,推荐区与全部区共用同一份卡片;悬浮反馈分整卡底色、封面放大与标题箭头三层
-
作品详情页新增「分类区」:平台 / 类型 / 技术栈 / 标签三行展示,移除底部重复区域
卡片样式
-
新增「卡片跟随主题色」:浅色模式下卡片背景跟随主题色相;可前往「样式设置 → 样式开关」中配置体验
-
新增「卡片边框和阴影」:内容卡片、按钮卡、分页页码组与导航栏统一加细边框与浅阴影;可前往「样式设置 → 样式开关」中配置体验
-
两个开关均支持访客在前台「访客样式面板」中覆盖
布局宽度
-
全站宽屏宽度调整,充分利用宽屏空间,显示宽度不足时自动压缩内容区宽度
-
列表页卡片最小宽度统一为 240px(项目集 / 友链 / 日程)
功能页面
关于页面
-
新增「关于页面」模板:身份卡 / 个人简介 / 本人项目 / 最近提交 / 我的技能 / 我的朋友 / 保持联系等共 9 张卡片,后台按卡片顺序分组配置;可前往「扩展页面 → 关于页面」配置体验
-
身份卡与侧栏「在线状态」实时同步,点击即可切换状态
-
「订阅更新」卡片:邮箱订阅直连文章订阅插件公开接口,需安装 文章订阅 插件,缺失或未开启时整卡不渲染
打赏页面
-
新增「打赏页面」模板:用途说明、微信 / 支付宝收款码、打赏者名单;可前往「扩展页面 → 打赏页面」配置体验
-
文章打赏模态框底部新增「打赏页面」跳转按钮,开关与路径可前往「文章 → 打赏设置」配置体验
瞬间
-
瞬间页面动态卡片改为全新独立卡片流:一条瞬间一张卡,头像轨道缩进、标签胶囊、右下角水印与复制链接、点赞 / 评论 / 更多操作栏
-
内容区顶部新增全站瞬间条:服务端直出、无缝跑马灯、悬停与键盘聚焦暂停,仅大屏端(≥768px)显示;可前往「布局设置 → 瞬间预览条」配置体验
友链页即时搜索
- 友链页新增搜索框,输入即时过滤当前分组卡片:组内无命中整组隐藏、全无命中显示空态,支持一键清空与匹配卡片错峰入场;可前往「友情链接 → 显示搜索框」配置体验
朋友圈
-
移除黑名单功能与来源链接行
-
时间轴改为「日期头 + 卡片」整组包裹,移动端浏览体验更佳
归档页面
- 归档时间轴列宽与对齐调整:年份 / 日期定宽右对齐贴轴,消除内容区左侧空档
个性化与交互
樱花特效
-
新增全站樱花特效,访客可在前台「访客样式面板」中覆盖;可前往「样式设置 → 样式开关」配置体验
-
前台「显示设置」新增「特效」标签页与樱花开关
访客样式面板
- 访客样式切换收敛为标签页级:总开关 + 外观 / 壁纸 / 特效三项,面板 Tab 栏按后台配置项动态生成;可前往「布局设置 → 菜单栏设置 → 访客样式切换」配置体验
按压与细节
-
全站按钮与弹窗统一按压反馈,按下平滑泛主题色、松手回弹,覆盖外链 / 友链申请 / 分享 / 打赏等场景,并补齐友情链接模态框出场动画
-
分区标题新增前置图标盒
-
朋友圈 / 友链 / 标签页眉题图标更新,并移除图标的悬浮放大效果
渐进式入场
- 归档页面条目补齐渐进入场动画
设置项迁移
从 1.2.4 升级到 2.0.0 后,后台部分设置项的位置与形式发生变化,以下设置需到新位置重新确认一遍,不再沿用旧值。
侧边栏
-
小组件详细参数从「小组件列表」条目内移出,改为独立分组:
- 天气 →「天气小组件」
- 一言 →「一言小组件」
- 音乐播放器 →「音乐播放器小组件」
- 最近日程 →「最近日程小组件」
- 站点统计 →「站点统计小组件」
- 站点统计的九个开关合并为「统计项」多选
-
条目精简为「小组件 + 吸顶」,并新增「移动端小组件」列表
-
个人简介 / 公告取消「启用」与「显示位置」:加入小组件列表即显示,位置由所在列表决定
布局
-
「启用分类导航栏」移至「页面布局 → 分类导航栏」分组
-
「列表模式封面位置」移至「文章卡片布局 → 列表设置」
访客样式
-
访客样式切换由分项开关(主题色相 / 文章布局 / 卡片样式 / 壁纸模式 / 壁纸设置 / 透明设置)收敛为「外观 / 壁纸 / 特效」三项
-
卡片悬浮效果不再提供前台「访客样式面板」内开关,改为仅后台控制
扩展页面
-
移除时间轴 / 技能页面的「副标题」设置项
-
移除朋友圈的「屏蔽列表」设置项
修复与其它
问题修复
-
修复非主题页(插件自带前台页等)被换页脚本接管导致整站样式丢失的问题,现已交还浏览器原生跳转
-
修复瞬间页点赞与评论锚点在站内换页后失效的问题
-
修复部分旧版 Chromium 内核浏览器(OPPO / 一加自带浏览器、旧版微信内核等)图标显示不全的问题
-
修复认证页装饰图标规则误伤人机验证插件元素的问题
-
修复移动端浏览器动态地址栏导致的波浪露缝与滑动屏幕壁纸抖动的问题
-
修复分类导航栏「更多」按钮未贴右端的问题
-
修复横幅壁纸与全屏壁纸模式下换页内容区抖动的问题
其它
-
无障碍优化:清理冗余 aria 属性,欢迎弹窗标题层级调整为 h2
-
依赖升级:Astro 7.2.8、sharp 0.35.4、colord 2.10.0,js-yaml 统一至 4.3.2
-
版本号提升至 v2.0.0
-
更新 README
-
太多了,如有遗漏见谅
本次更新处理的 Issue 与 PR
Issue
-
#46 文章页中目录在侧边栏中的位置,可以调整就好了
-
#47 阅读模式:可隐藏左侧栏、右下角 CSDN 样式目录、正文全宽
-
#69 主页增加友链展示(底部或侧边栏)
-
#80 优化桌面端列表模式文章封面显示(显示不全 / 大屏留白多)
-
#82 SWUP 页面切换 FOUC,手机访问短暂丢失样式
-
#83 OPPO 手机浏览器底部图标加载不全(疑似腾讯 X5 内核兼容问题)
-
#84 加载人机验证插件无法显示验证码
PR
-
#74 页脚新增友情链接卡片墙 by @PanDaDaTech
Full Changelog: v1.2.4...v2.0.0
Ethereal,由多位开源贡献者共同打造❤️
Generated from v2.0.0
资源下载
- Ethereal-2.0.0.zip
