Earthquake

修复内容:

1. src/assets/utils/toc.ts setActiveHeading 重写:

   • 分离 class 切换与滚动逻辑
   • 检查 active link 是否在 .toc 容器可视区域内
   • 检查 .toc 容器本身是否在视口内
   • 仅当 link 不可见且容器可见时才调用 scrollIntoView
   • 触摸设备仍跳过 scrollIntoView

2. src/assets/styles/main.css 为 .toc 添加滚动上下文:

   • max-height: calc(100vh - 12rem)
   • overflow-y: auto 使其成为独立滚动容器
   • overscroll-behavior: contain 防止滚动链
   • OKLCH 滚动条样式与全局一致

v1.0.9 → v1.1.0 更新日志

🐛 Bug 修复

• PJAX 导航后链接退化：replaceWith 替换 DOM 后未重新绑定点击事件，导致后续导航退化为整页加载
• Alpine.js 不启动：条件启动导致从首页 PJAX 到文章页后所有 Alpine 组件失效
• 暗色模式表格边框：缺少 --tw-prose-th-borders / --tw-prose-td-borders
• package.json 尾逗号：导致 CD 构建失败
• 文章卡片标题层级：<h1> 改为 <h2>，修复一页多 <h1> 的文档层级问题
• 图标按钮缺 aria-label：搜索、用户菜单、返回顶部补上无障碍标签
• 代码块颜色不跟随主题：硬编码改为 color-mix 从 --earthquake-surface 派生
• 表格移动端溢出：添加 overflow-x: auto
• 缺少键盘焦点样式：添加 focus-visible 全局样式

🚀 优化

• 去掉内置高亮库：不内置 highlight.js / shiki，改为依赖 plugin-shiki，包体积 630KB → 325KB
• 代码块 CSS 变量化：fuwari 风格 --codeblock-bg，暗色亮色独立控制
• 注释清理：17 个文件去除冗余注释，源码 -7.2KB
• 删除未用文件：article-layout.html、site-stats.html、qrious.min.js、image-preview.ts、github-markdown.css
• 截图全量 WebP：2.6MB → 742KB
• 热门文章数量：范围 1-9

🏗️ 架构

• 侧边栏 Widget 动态加载：恢复 v1.0.9 原始动态拼接方案，th:if / th:unless 互斥保证不重复渲染

📄 文档

• README 重写：WebP 截图、特性更新、plugin-shiki 依赖说明

🏷️ 版本

• 1.0.9 → 1.1.0

更新较多，建议全新安装此主题！
v1.0.9: 功能增强与大规模优化

• 热门文章小部件新增文章数配置（3-10篇），标签小部件新增零使用标签开关
• 主题预设精简为 13 种，全部改为中文命名，新增 5 种更深配色
• 默认配色改为 Earth 蓝色风格，删除深色主题预设选项
• 修复分类页参数不匹配、小部件 null 值崩溃等多个严重 bug
• 优化代码复用性、Shiki 代码高亮适配、性能与无障碍访问
• 页面侧边栏开关，默认关闭居中显示
• 撤销自定义代码注入功能，使用 Halo 后台自带功能

v1.0.8: 接入新 logo，优化了一些SEO问题

fix(seo): 修复开启 OG/JSON-LD 时文章页 500 错误 (v1.0.6)

release: v1.0.5

功能增强:

• 阅读进度条
• 图片预览组件（画廊模式、焦点陷阱、键盘导航、手势滑动）
• 文章目录 TOC 自动生成与滚动高亮
• 暗/亮/跟随系统配色，防 FOUC
• SEO 优化（Open Graph、Twitter Card、JSON-LD、Canonical）
• 字体 CDN 加载（fontsource jsDelivr）

Bug 修复:

• 修复重复 id=content（main 改用 id=main-content）
• 修复 FOUC 脚本顺序错误（阻塞脚本读取未设置的 window 变量）
• 修复 CSS 非法 // 注释
• 修复 focus trap 监听器泄漏
• 修复图片预览 load/error listener 累积（AbortController）
• 修复 destroyImagePreview closeTimer 未清理
• 修复 x-data 字符串内插风险（改用 data-* 属性传递）
• 修复嵌套 x-data 作用域 bug
• 修复 JSON-LD image null URL 和 modified_time 字段
• 修复 share.ts 定时器堆积与 clipboard 异常
• 删除 github-markdown.css 44 行重复变量定义

无障碍:

• skip-to-content 跳转链接
• 完整 aria 属性
• 焦点恢复防御（isConnected 检查）

i18n:

• 删除 4 个未使用 key
• 新增 4 个缺失 key

fix: 分页加 touch-manipulation，修复移动端需两次点击的问题

fix: 分页按钮改为文字+图标，活跃页用主题色

分页改为数字页码+省略号，移除 select 下拉

页脚内容改为可排序小部件

Earthquake 首个正式版本。

布局与交互
响应式导航栏 md 断点，平板正确折叠为汉堡菜单
View Transitions 圆形扩散切换深色模式（可在主题设置开启）
文章列表交错淡入，默认单条布局
首页文章封面图可点击跳转

评论区
去掉白色卡片框，注入 --halo-cw-* 变量跟随主题与深色模式

样式系统
OKLCH 单变量配色，–hue 驱动全套语义 token，30+ 预设
原生 CSS（移除 SCSS/sass-embedded）
prefers-reduced-motion 无障碍守卫