halo-theme-WarmIsland/docs/changelog.md

更新日志

v1.2.5

兼容性与元数据

• ⬆️ Halo 版本要求提升至 2.27.0+（页面布局契约、微信读书页面依赖 2.27 的能力）
• 🔗 源码仓库与问题反馈地址统一为 https://git.nxxy335.top/nxxy335/halo-theme-WarmIsland
• 📚 完善安装、开发、FAQ 文档，修正过时的技术栈与构建打包说明

性能优化

• 🚀 首页滚动顺滑性：移除逐帧改写全屏 backdrop-filter 模糊半径的逻辑。 旧实现让 Chromium 每个滚动帧都重做一次全屏背景采样 + 高斯模糊，是首页掉帧主因； 现改为固定模糊半径 + 只调整 opacity（合成层操作），并缓存进度值避免重复写 DOM
• 🚀 首屏离屏即停：滚过首屏后 Hero 已被不透明内容区完全盖住，此时隐藏 Hero 并暂停光球动画，长页面后半段不再有额外绘制
• 🚀 首屏整屏吸附回归（顺滑版）：v1.2.5 初版改用 CSS scroll-snap: y proximity 后吸附 实际失效——内容区顶部是唯一吸附点、页面顶部 0 没有吸附点，proximity 几乎不触发； 换成 mandatory 又会把长内容反复拉回内容区顶部。现改为边界吸附：只在 0 ↔ 内容区顶部 接管一次滚轮 / 触摸，进入内容区后完全交给原生滚动惯性；解锁用 scrollend + 600ms 兜底（原为固定 800ms 输入锁），已在目标位置时不再接管
• 🚀 导航栏滚动状态去重：只在状态真正变化时写 class，不再每帧触发样式重算
• ♿ 补充 prefers-reduced-motion 支持：减少动态效果时关闭平滑滚动与光球 / 指示箭头动画， 吸附改为即时定位（不再关闭吸附）
• 🖼️ 首页文章列表继续使用 content-visibility: auto 跳过视口外渲染，图片保持懒加载

v1.2.4

问题修复

• 🐛 彻底修复首页页脚被 Hero 盖住（v1.2.3 的修复不完整）：仅取消 main 的 层叠上下文（z-index: auto）不足以让固定 Hero 稳定落在页脚之下。现改为 双保险：
  1. .hero 由 z-index: 0 改为 z-index: -1，作为固定全屏背景沉到根层叠 上下文的负 z 层，绘制在一切正常内容（含页脚）之下——这是固定背景的规范做法；
  2. 保留首页 main z-index: auto（仍是必须项：否则 main 若保持 z-index: 1 会成为层叠上下文，把负 z 的 Hero 困在自己内部、整块仍压在页脚之上）。 页脚因此始终保持无 z-index 的状态，既不会被 Hero 盖住，也不会回退到早期 「页脚盖住评论区翻页下拉」的问题。经无头浏览器在真实构建产物上验证： 滚到页底时 elementFromPoint 命中 footer-inner，页脚完整可见。

v1.2.3

问题修复

• 🐛 初步修复首页页脚被 Hero 盖住（不完整，已被 v1.2.4 取代）：取消首页 main 的层叠上下文（z-index: auto）。这一项单独作用时仍不够稳健， 请直接参考 v1.2.4 的完整修复。

v1.2.2

问题修复

• 🐛 修复移动端抽屉菜单不显示二级菜单：子菜单的 th:block 写在了 th:each 循环外， 循环变量出了循环即失效，二级菜单从未渲染过；现在子菜单与父项一起循环输出
• 🐛 修复页脚遮挡内容弹层：页脚的 z-index: 1 与内容区同级且靠后， 会盖住评论区翻页下拉等浮层；同时把 .wi-main / .wi-content-wrap 的 overflow-x: hidden 改为 clip，不再产生会纵向裁掉弹层的滚动容器
• 🐛 修复深浅色切换不同步：页脚背景是渐变（background-image）， 无法参与过渡动画，切换时页脚瞬变而内容区还在 300ms 渐变； 改为可过渡的 background-color + 遮罩渐隐色层，全站同步过渡
• 🐛 修复玻璃卡片悬浮时顶部边框消失：Chromium 下带 backdrop-filter 的元素 一旦发生位移（悬浮上移），合成层会吃掉顶部 1px 边框。已移除瞬间、友链页、 友链圈、订阅页卡片的 backdrop-filter（卡片背后是纯页面背景，模糊无可见效果）， 并给瞬间卡片悬浮时加描边高亮

功能与优化

• 🎨 新增瞬间详情页主题化模板（moment.html）：覆盖插件默认模板， 复用瞬间列表页的卡片视觉（头像 + 昵称 + 时间 + 正文 + 九宫格 + 点赞）， 评论区默认展开，附返回列表入口与空态兜底；支持灯箱看图
• 🎨 Steam 游戏库页：统计数据加载失败时不再整块隐藏，改为显示 - 并给出 原因提示（Steam 接口超时 / 游戏库隐私 / 插件配置）；「最近游玩」卡片成就进度 移到右侧并增加奖杯标识

v1.2.1

问题修复

• 🐛 修复升级后整站没有样式：Astro 会给 CSS/JS 加内容哈希，升级后旧文件被删除，被缓存的 HTML 仍请求旧文件名， Halo 直接抛 FileNotFoundException 返回 500，样式全部丢失。主题现在会把各版本的哈希资源一并保留 （compat/assets 在构建时合并进 templates/assets，已覆盖 v1.1.7 起的所有版本）
• 🐛 避免页面出现 500：新增构建期静态资源引用校验，模板引用的任一缺失资源都会让构建失败
• 🐛 修复鼠标点击效果开启后没有任何作用：旧实现用 th:if 判断开关、且直接读取配置值， 一旦配置项未随版本写入（或被 Thymeleaf 整体移除属性）就读取为空，脚本直接跳过； 同时修复了多种特效在插入节点后随即改写 transform / opacity，导致浏览器把初态与终态合并、 transition 完全不触发的问题（表现为点了没反应）
• 🐛 次要修复：点击特效节点统一挂载到 body 下的独立图层（z-index: 12050），不再被导航栏、页脚遮挡

其他

• 🧰 新增构建脚本：pnpm snapshot（历史资源快照）、pnpm package（打安装包）、pnpm smoke（点击特效冒烟测试）

补充排查记录：升级后部分页面配色/新样式不生效

上线后收到反馈：更换主题配色后，首页与瞬间页不跟随，其他页面正常。经排查 （对比浏览器实际加载的资源、CDP 读取计算样式、比对响应头）确认：

• 浏览器拿到的首页/瞬间 HTML 是 v1.1.11 / v1.1.12 时期的旧页面（引用旧哈希 CSS、 <html> 上没有 v1.2.0 新增的 data-palette 属性）
• 响应头 X-Halo-Cache-At 与 Cache-Control: max-age=3, s-maxage=120 表明这些页面 被 「页面静态缓存」插件 缓存，而该插件只随文章变更自动刷新， 主题升级 / 主题设置变更不会刷新缓存
• 裸 curl（无浏览器请求头）会绕过该缓存拿到新 HTML，因此服务端"看起来"一切正常

这是缓存层行为、不是主题缺陷，在 Halo 后台点一次「刷新页面缓存」即可； 排查步骤已写入 FAQ。

v1.2.0

主题配色系统

• ✨ 新增「主题配色」设置（总体样式 → 主题配色），内置 11 套官方预调配色：暖屿·赤陶（默认）、抹茶、黛蓝、樱粉、暮紫、海盐、琥珀、梅酒、石墨、可拿铁、天青
• 🎨 每套配色包含浅色 / 深色两套完整色板，玻璃拟态、遮罩、阴影色调自动跟随当前配色
• 🎨 自定义「强调色」改为留空跟随所选配色；填写后仍可单独覆盖
• 📱 浏览器地址栏 theme-color 随配色与明暗模式联动（含切换按钮）

Hero 首屏

• ✨ 一言文字新增独立颜色配置（浅色 / 深色模式各一项，此前只能跟随副标题颜色）
• ✨ 新增「文字显示效果」设置：阴影 / 光晕 / 半透明遮罩层 / 渐变遮罩 / 容器（半透明边框圆角矩形 + 加大留白）
• 🐛 默认改为无任何效果：移除标题、副标题与一言自带的白色散光投影

问题修复

• 🐛 修复 /douban 页面 500：适配豆瓣插件 v1.2.6 的 SQLite 数据结构（字段由 item.spec.* / item.faves.* 扁平化为 item.* / item.faves*）
• 🐛 修复友情链接卡片悬浮光圈被裁切的问题（卡片容器不再裁切悬浮阴影与上移位移）
• 🐛 修复瞬间页面顶图与最新一条瞬间卡片的边框贴合的问题，顶图下方增加间距
• 🐛 友情链接卡片徽章简化为仅展示站点可达性（绿点 = 可访问，红点 = 异常），不再联合反链检测结果判断

其他

• ⬆️ Halo 版本要求提升至 2.26+

v1.1.1

瞬间页面

• 🗑️ 移除时间轴（Timeline）布局，简化为卡片（Cards）和瀑布流（Masonry）两种样式
• 🎨 卡片样式成为新的默认展示样式，采用一栏式居中布局
• 🧹 清理时间轴相关的 HTML、CSS 和 JS 代码

移动端阅读体验优化

• 📱 全面增大移动端字体尺寸，提升文章阅读舒适度
• 📱 优化文章正文行高（1.75 → 1.8），段落间距更宽松
• 📱 移动端标题字号适配（h2/h3/h4 在 768px 以下适当放大）
• 📱 优化全局排版变量（text-xs ~ text-5xl 基准值上调）
• 📱 优化引用块、代码块、表格在移动端的显示
• 📱 优化文章卡片在移动端的标题和摘要字号
• 📱 优化瞬间页面卡片在移动端的文字和间距

导航修复

• 🐛 修复导航菜单 target 属性渲染错误，导致部分链接在新标签页打开的问题
• 🐛 修复 Halo 菜单项 spec.target 枚举对象解析为 target="null" 的问题

错误处理增强

• 🛡️ 添加全局 unhandledrejection 捕获，抑制浏览器扩展产生的控制台错误
• 🛡️ 复制链接按钮添加 clipboard API 失败回退逻辑
• 🛡️ Logo 图片加载失败时自动隐藏并显示站点标题

v1.1.0

分享功能增强

• ✨ 新增 QQ 分享按钮（Font Awesome 图标）
• ✨ 新增微信扫码分享（二维码弹窗）
• ✨ 新增分享渠道配置项，可自由选择显示哪些分享按钮
• 📋 复制链接按钮始终显示，不可关闭
• 🎨 各分享按钮独立品牌色 hover 效果（QQ 蓝、微信绿、微博红等）
• 🌐 i18n 国际化支持新增 QQ、微信、微信扫码相关翻译

移动端优化

• 📱 修复文章上下篇导航在移动端分成两行的问题，改为单行省略截断
• 📱 修复目录悬浮球按钮位置偏上，调整到右下角更合理位置
• 📱 优化移动端灯箱体验：增大导航按钮触摸区域、小屏隐藏 EXIF 信息
• 📱 优化移动端分享按钮触摸目标大小

灯箱优化

• 🖼️ 修复关闭画廊后 lg-sub-html 不跟随到底部的问题
• 🖼️ 修复打开画廊时 lg-sub-html 和 lg-inner 直接跳位而非平滑过渡的问题
• 🖼️ 优化移动端灯箱导航按钮和缩略图栏布局
• 🖼️ 小屏幕下隐藏 EXIF 参数信息，简化界面

分享修复

• 🐛 修复微信扫码分享 QR 码生成相对路径而非完整 URL 的问题
• 🐛 修复复制链接按钮复制相对路径而非完整 URL 的问题
• 🐛 修复 QQ 分享链接不可用，改为弹窗分享方式并正确编码 URL

性能优化

• ⚡ 添加 content-visibility 优化（首页、文章、归档、瞬间等区域）
• ⚡ Prism.js 脚本延迟加载
• ⚡ LightGallery 初始化改用 requestIdleCallback
• ⚡ 封面图优先加载（loading="eager"）
• ⚡ 正文图片自动添加 lazy loading
• ⚡ 微信二维码 QR 码库按需加载（仅微信分享启用时加载）

全局优化

• 🎨 添加 theme-color meta 标签，适配移动端浏览器地址栏颜色
• 🎨 主题切换时动态更新 theme-color
• 🛡️ 多层 overflow-x: hidden 防止横向滚动条
• 📱 移动端搜索按钮不再隐藏

布局修复

• 📐 恢复文章详情页为 800px 全宽布局（不使用 wide 模式）
• 📐 封面图在 800px 容器内显示

v1.0.0

首次发布 🎉

核心功能

• 🎨 暖色调设计语言，呼吸动效光球、毛玻璃导航栏
• 🌙 深色模式支持（跟随系统 / 浅色 / 深色三种方案）
• 📱 响应式布局，移动端专属菜单与交互体验
• ✨ 滚动渐入动画、光感跟随效果

SEO 与结构化数据

• 🔍 Open Graph 元标签，优化社交媒体分享预览
• 📋 JSON-LD 结构化数据，提升搜索引擎理解与展示

国际化

• 🌐 i18n 国际化支持（简体中文、繁体中文、英语）
• 🔄 跟随浏览器语言自动匹配，也可手动指定
• 🍪 支持通过后台设置强制指定语言，自动管理 language cookie

文章页增强

• 📑 目录展开模式选项（仅展开当前分组 / 全部展开）
• 📰 相关文章推荐，帮助读者发现更多内容
• 🔗 分享功能（微博 / X / Facebook / Telegram / 复制链接）
• 🖼️ 图片懒加载 blur-up 效果，优化加载体验

页面模板

• 🏠 Hero 首屏（一言 API / 自定义描述 / 背景图片）
• 📝 文章详情页（侧边目录 / 阅读进度条 / 代码高亮 / 图片灯箱 / 点赞）
• 📂 归档页面（时间线布局）
• 🏷️ 分类和标签页面
• 💡 瞬间页面（Timeline / Cards / Masonry 三种样式）
• 📷 图库页面（Masonry / Grid / Carousel 三种样式）
• 🔗 友情链接页面（Cards / Grid / List 三种样式）
• 👥 朋友圈页面
• 💬 留言板自定义模板
• 📦 扩展页面支持（豆瓣 / 装备 / Steam）

导航与交互

• 🔍 搜索集成（支持 Ctrl+K 快捷键）
• 🎯 三种导航栏样式（Glass / Minimal / Float）
• 🌓 主题切换按钮

性能与体验

• ⚡ preconnect / dns-prefetch 资源提示，优化外部资源加载
• 🖼️ 图片懒加载 blur-up 渐显效果
• 🔤 使用系统默认字体栈，提升加载速度

错误页面

• 🐘 404 / 500 错误页增强（导航栏 + 页脚 + 多语言支持）

配置与自定义

• ⚙️ 丰富的主题设置面板（13 个配置分组）
• 🎨 可自定义强调色、圆角风格、容器宽度
• 📝 自定义 CSS 支持
• 🔧 页脚社交链接和自定义 HTML