🎨 主题名称：Aura

一款现代、极简、响应式的 Typecho 主题，支持深色模式、移动端底部导航、文章封面图、实时搜索等功能。

📦 安装说明

1. 创建主题目录

# 将主题文件夹重命名为 Aura，并上传至 /usr/themes/ 目录下

2. 创建文件

按照上面的目录结构，创建所有文件并粘贴对应代码。

3. 创建 JS 目录

# 确保主题目录下包含 js 文件夹及所需的脚本文件

4. 后台启用

登录 Typecho 后台 → 控制台 → 外观 → 启用 Aura 主题。

✨ 功能特性

视觉与交互

• 深色/浅色模式自动跟随系统，支持手动切换，状态持久化本地存储
• 响应式布局完美适配 PC、平板与手机端，移动端专属底部 Tab 导航栏
• 现代亚克力毛玻璃拟态效果，搭配流畅的页面过渡动画
• 返回顶部按钮，滚动超过300px智能显示，平滑滚动回顶

内容与排版

• 文章封面图支持后台自定义字段 cover，首页/文章页精美展示
• 自动提取文章H2/H3标题，生成悬浮目录导航，支持一键跳转
• 丰富的分类筛选与热门标签云展示
• 嵌套楼中楼评论系统，支持Gravatar头像回复

性能与体验

• 弹窗式实时搜索，支持文章标题与内容关键词匹配检索
• 图片懒加载，可视区域加载图片，提升首屏速度
• 骨架屏加载动画，优化等待体验
• 阅读浏览统计，记录并展示文章访问热度

文章数据展示

• 自动统计文章字数与阅读时长
• 年月日历式归档，有序展示历史文章

实用扩展功能

• 独立友情链接模块，支持Logo展示与后台管理
• 后台主题设置面板，自定义图标、备案号、社交链接

高级优化与兼容

• 可选全站Pjax无刷新浏览，提升体验同时兼顾SEO
• 深色模式全局适配，样式统一稳定

📝 使用封面图

写文章时，在自定义字段中添加：

• 字段名称: cover
• 字段值: 图片 URL（如 https://example.com/image.jpg）