一、GitHub OAuth 登录
- 登录页新增「GitHub 登录」按钮,点击跳转 GitHub 授权页
- 授权后自动创建用户(使用 GitHub 用户名 + 头像)
- 每次登录自动同步最新头像和用户名
- 支持识别管理员(手动设置
role: admin) - 回调页
pages/auth/github-callback.vue处理 Token 存储与跳转 - 配置文档:如何为网站配置 GitHub OAuth 登录
二、天气特效系统
新增 WeatherEffect.vue 全屏天气组件,Canvas 粒子 + CSS 光球双引擎:
| 季节 | 粒子效果 | 滤镜 |
|---|---|---|
| 🌸 春 | 粉色樱花花瓣飘落 | 淡粉色光晕 + 暖黄阳光 |
| ☔ 夏 | 蓝色雨丝高速垂落 | 深蓝暗色遮罩 |
| 🍂 秋 | 橙棕落叶左右摇摆 | 棕色叠加 + 琥珀波光 |
| ❄️ 冬 | 白色雪花慢速飘落 | 白色明朗滤镜 |
- 每季 4-5 个 CSS 呼吸灯光球(
blur(40px)+ 7s 循环) - 首页右下角季节切换控制栏 +
useWeatherSeason()跨组件共享 - 详细文档:网站天气特效系统的实现
三、点赞系统
- 通用
LikeButton.vue组件,支持type: 'article' | 'moment' - 已登录用户点击切换点赞/取消
- 未登录弹出提示「请先登录哦~」
- 应用页面:
- 文章列表页(矩阵/时间线模式)
- 文章详情页底部
- 动态页(时间线/瀑布流模式)
- API:
POST /api/likes点赞切换,GET /api/likes/batch批量查询
四、GitHub Star 计数
- 项目页 GitHub 徽章旁显示实时 Star 数量 ⭐
- 浏览器直接请求
api.github.com/repos/{owner}/{repo}(支持 CORS) githubRepo()函数自动从任意 GitHub URL 提取owner/repo(兼容/releases/等路径)- Star 数量为 0 时也显示徽章按钮
五、加载页优化
- 替换 "Y" 字母为 GitHub 头像 + 旋转光环
- 新增渐变色动画加载条(左右滑动)
- 品牌文字 "YIBI" + "正在加载..."
- 800ms 超时兜底防止卡死
- 修复风铃在登录页闪现问题
六、标签筛选优化
项目页、文章页、照片墙三处标签筛选统一优化:
- 标签按出现频率从高到低排序
- 最多显示 15 个高频标签
- 超过时末尾显示灰色
+N - "全部" 始终排第一
七、内容切换过渡动画
切换标签/分类时内容区添加平滑过渡:
- CSS
.content-enter/leave全局类(main.css) - 项目、照片墙:新增
<Transition name="content" mode="out-in"> - 文章、动态:已有过渡机制,延用
八、仪表盘增强
- 新增点赞数统计(访客速览第 5 行)
- 图表区三模式切换(条形/折线/饼图)带过渡动画
- 折线图数据点悬停显示数值
- 饼图悬停识别扇区 + 对应图例高亮
- 统计卡片交错淡入 + 活动标签依次淡入
- 访客数据接入真实统计(内存缓冲批量写入)
九、UI/UX 优化
- 日夜模式切换显示当前模式文字("夜间"/"日间")
- 项目链接标签改为下拉选择(查看演示/在线访问/源码/文档等 8 种预设 + 自定义)
- 前台项目卡片渲染链接标签文字
- 个人主页头像增大至 96px + 圆环阴影
- 登录/注册页面滑入滑出动画
- 用户菜单手机端点击展开 + 桌面端悬停展开
- 导航栏汉堡按钮与头像交换左右位置
十、安全与性能
- 留言板增加频控(每用户每分钟最多 3 条)
- 注册/登录增加验证码(服务端算式,答案不过客户端)
- 同 IP 15 分钟内限 5 次登录/注册请求
- 访客数据改为内存缓冲 + 批量写入(每 10 秒)
- JWT 密钥支持环境变量注入
十一、BUG 修复
- 修复文章编辑时正文不加载(新增
GET /api/articles/write/[slug]) - 修复取消点赞后计数不减少
- 修复点赞按钮 SSR
localStorage报错 - 修复 GitHub 登录回调路径错误
- 修复
.env未在.gitignore的问题 - 修复输入框
type="url"触发的红色波浪线 - 修复多个管理页面刷新后一直加载
- 修复 Splash 加载屏在管理/登录页卡住
- 修复风铃组件在加载页提前渲染
- 修复冬天雪堆和夏天水渍闪烁问题
- 修复
useState跨组件同步失效问题