文章详情页

[截图：文章详情页三栏布局]

• 阅读进度条：文章顶部细线显示阅读进度

• 自动目录（TOC）：左侧栏自动生成 h2/h3 目录，滚动时高亮当前章节

• 图片灯箱：点击文章内图片弹出放大查看，支持左右切换和键盘导航

• 代码块增强：显示语言标签 + 一键复制按钮

• 点赞功能：右侧操作栏，带弹跳动画

• 分享功能：一键复制文章链接

• 相关文章：文章底部展示相关推荐

• 评论系统：底部集成 Halo 评论组件

暗色模式

• 手动切换：点击导航栏右侧的月亮/太阳图标

• 自动检测：首次访问时读取系统偏好

• 全站适配：包括文章、页面、代码块、灯箱、页脚等所有组件

[截图：亮色模式 vs 暗色模式对比]

SEO

主题内置完整 SEO 方案，无需额外配置即可生效：

• Open Graph — og:type、og:title、og:description、og:image、og:url、og:site_name、og:locale

• Twitter Cards — summary_large_image 格式

• JSON-LD 结构化数据 — 文章（BlogPosting）、作者（Person）、面包屑（BreadcrumbList）等

• Canonical URL — 每个页面自动设置规范链接

• robots — 归档/分类/标签/搜索页自动 noindex

• SEO Tools 协同 — 安装 SEO Tools 插件后自动切换为补充模式，避免重复标签

响应式设计

三组断点适配不同设备：

移动端特性：

• 汉堡菜单折叠导航

• 文章 TOC 移至文章顶部折叠

• 侧边栏隐藏

• 灯箱缩略图条隐藏

返回顶部

全站通用，滚动超过一定距离后右下角出现圆形按钮，点击平滑回顶。移动端自动缩小尺寸适配。