更新日志

追踪 Discord 头像装饰的所有更新、新功能与改进

v1.2.1

版本 1.2.1

🌍 本地化

  • 新增 10 种语言：简体中文、繁体中文、印地语、俄语、波兰语、印尼语、菲律宾语、越南语、泰语、土耳其语
  • 将全部 5 个核心页面（头像、头像装饰、常见问题、更新日志）翻译为每种支持的语言
  • 为每种语言本地化了 SEO 元数据、JSON-LD 结构化数据和界面文案
  • 优化翻译文案以契合本地搜索意图，提升国际可见度
v1.2.0

版本 1.2.0

🌍 本地化

  • 新增 7 种语言：法语、西班牙语、德语、意大利语、日语、韩语和阿拉伯语
  • 将全部 5 个核心页面（头像、头像装饰、常见问题、更新日志）翻译为每种支持的语言
  • 为每种语言本地化了 SEO 元数据、JSON-LD 结构化数据和界面文案
  • 优化翻译文案以契合本地搜索意图，提升国际可见度

🧭 RTL 支持

  • 为阿拉伯语新增从右到左（RTL）布局支持，通过 html dir 属性自动应用
  • 确保阿拉伯语界面正确镜像，文本对齐与组件流向正常
v1.1.9

版本 1.1.9

⚡ 性能

  • 在桌面端和移动端均达到世界级的 Core Web Vitals（LCP 与 CLS）
  • 通过稳定布局、预加载和字体指标覆盖优化 Hero 区域
  • 实现无限滚动以优化 DOM 体积并减少样式计算时间
  • 添加 preconnect 提示并优化字体显示以加快资源加载

✨ 用户体验提升

  • 用沉浸式 GeneratingOverlay 改版“保存头像”等待体验
  • 添加动态预览、微光效果和多层动画
  • 实现带上下文状态更新的智能进度追踪
  • 精简生成期间的冗余 UI 元素

🔧 基础设施

  • 集成 Umami 分析以实现隐私优先的使用追踪
v1.1.8

版本 1.1.8

🌑 主题统一

  • 从导航栏移除浅色/深色模式切换
  • 为整个项目强制启用深色模式
  • 从导航栏组件中移除所有主题相关状态逻辑

🎨 UI 一致性

  • 通过 gradientClass 属性为 SearchBar 组件增强动态渐变支持
  • 优化 discord_avatar 页面的搜索栏和 Hero 区域一致性（蓝紫主题）
  • 优化 discord_avatar_decoration 页面的搜索栏和 Hero 区域一致性（紫粉主题）
  • 为搜索栏容器实现玻璃拟态设计模式

🧹 代码清理

  • 从 global.css 删除所有未使用的浅色模式主题变量

🏷️ 分类更新

  • 优化分类逻辑，彻底消除头像和装饰库上的“其他”分类
  • 将先前未分类的项重新分配至细粒度分类（如角色与吉祥物、氛围与风格）
  • 扩展关键词匹配以提升自动分类准确性
  • 确保所有项严格单一分类，避免重复

🔗 导航

  • 优化导航栏 logo 区域的 logo 和文字
  • 打磨导航栏整体 UI
v1.1.7

版本 1.1.7

🎯 预览弹窗操作

  • 将 Discord 头像库 和 Discord 装饰库 的预览弹窗操作按钮移至更清晰的布局
  • 统一 Discord 头像库和 Discord 装饰库的操作按钮宽度为 w-72
  • 在 Discord 头像库预览中新增“用这个头像 → 挑选装饰”
  • 在 Discord 装饰库预览中新增“用这个装饰 → 挑选头像”
  • 统一 Discord 头像库和 Discord 装饰库的 CTA 图标
  • 在 Discord 头像库和 Discord 装饰库的预览操作中新增“请我喝杯咖啡”按钮
  • 移除 Discord 头像库的“复制头像名称”按钮及相关代码

🎞️ GIF 生成

  • “保存动态 GIF”现可在两个页面的预览窗口内使用懒加载的 FFmpeg 直接生成
  • 在 Discord 头像库和 Discord 装饰库新增生成进度指示和失败反馈
  • GIF 生成会遵循 Discord 头像库和 Discord 装饰库当前选中的装饰叠加层
  • 集成了“提取静态图”工作流并路由至 GIF 帧提取器

🎨 叠加层与体验

  • 通过渐变 + 轻微模糊和闪光提示胶囊，增强两个页面的悬停叠加层
  • Discord 头像库和 Discord 装饰库的移动端文案适配：轻触预览（移动端）、点击预览（桌面端）
  • 对齐两个页面的叠加层尺寸和圆角，使其匹配头像容器
  • 在 Discord 头像库预览中应用默认装饰（treat_ghost），并支持从 Discord 装饰库跨页传递装饰

🏠 首页

  • 在 首页 将“用表情遮脸”更名为“一键遮脸”，并切换图标为 /emojiface-192x192.png
  • 将“Discord 头像装饰库”更名为“Discord 装饰库”
v1.1.6

版本 1.1.6

🔗 导航更新

  • 用指向 /other-tools 的“其他工具”替换导航栏的“讨论”项
  • 在移动菜单中同步更改以保持导航一致

📱 移动菜单增强

  • 将移动菜单改为右对齐的窄浮动面板
  • 为菜单面板添加淡入背景和向上滑入动画
  • 通过半透明遮罩实现点击外部关闭
  • 在面板中添加鼠标跟随高亮以提供视觉反馈
  • 通过微妙的 translate-x 动效增强菜单项悬停效果

🛠 其他工具页面

  • 将“用表情遮脸”更新为“EmojiFace - 一键遮脸”
  • 刷新为隐私优先能力的描述
  • 切换为图标 /emojiface-192x192.png（w-10 h-10，rounded-lg）
  • 添加对 tool.icon 的渲染支持，以 emoji 为回退

🖼 首页更新

  • 将默认资料预览装饰改为 treat_ghost
  • 将“其他工具”链接图标更新为 lootbox，并置于链接首位
v1.1.5

版本 1.1.5

✨ 功能更新

v1.1.4

版本 1.1.4

📝 内容更新

  • 新增博客文章：《免费上新！装饰库新增 30+ 款免费 Discord 头像装饰！》
  • 精选新 Discord 头像装饰，包括 The Final Peel、Warframe Clem、Dart Monkey 和 Infinite Swirl
  • 通过详细的新装饰特性描述增强博客内容
  • 为新博客文章添加全面的 SEO 优化

🔧 技术改进

  • 修复新博客文章 URL 的客户端路由配置
  • 在 src/index.jsx 中为 /blog/new-free-discord-avatar-decorations 添加正确的路由映射
  • 用新博客文章条目更新 sitemap.xml
  • 用新博客文章的精选装饰图片增强 sitemap-images.xml

🎨 新装饰展示

  • 展示 The Final Peel 装饰及详细预览
  • 为游戏爱好者精选 Warframe Clem 装饰
  • 突出 Dart Monkey 装饰的独特设计元素
  • 呈现具有动态视觉效果的 Infinite Swirl 装饰
v1.1.3

版本 1.1.3

📱 移动导航增强

  • 通过在移动设备显示“Discord 头像装饰”品牌文字，增强移动导航
  • 在小屏幕上提升品牌可见度和识别度
  • 调整字体大小以优化移动端显示（移动端 text-lg，桌面端 text-xl）
  • 仅在桌面端保留副标题可见，以获得更简洁的移动界面
  • 通过更好的品牌识别增强移动用户体验

🎯 用户交互改进

  • 实现选择头像时自动滚动到资料预览区域
  • 为选择装饰时添加平滑滚动动画到资料预览
  • 通过在选择后自动聚焦预览，增强用户工作流
  • 通过无缝导航到预览区域提升用户体验
  • 添加 100ms 延迟以确保 DOM 更新完成后再滚动
  • 配置平滑滚动行为并居中定位

☕ 请我喝杯咖啡集成

  • 将“请我喝杯咖啡”按钮字体样式更新为符合原始设计规范
  • 应用 Cookie 字体族，字号 18px，以保持品牌一致
  • 调整 emoji 尺寸为 16px 以获得更好的视觉平衡
  • 保持黄色背景（#FFDD00）和黑色文字样式
  • 确保按钮样式符合官方 Buy Me a Coffee 设计指南

🎨 UI/UX 打磨

  • 统一“保存动态 GIF”、“提取静态图”和“请我喝杯咖啡”按钮的宽度
  • 优化操作按钮之间的垂直间距，以获得更好的视觉层次
  • 通过 w-72 宽度标准增强按钮布局一致性
  • 将按钮容器间距从 gap-2 优化为 gap-3，以获得更好的视觉平衡
  • 精简按钮样式，呈现更专业的外观
v1.1.2

版本 1.1.2

🔍 搜索栏改进

  • 从搜索框移除渐变边框背景效果，呈现更干净的外观
  • 在保持原始配色的同时消除模糊的渐变发光效果
  • 通过实线边框简化搜索框样式，提升可读性
  • 在搜索界面提升视觉清晰度，减少视觉噪点
  • 增强焦点和悬停状态，提供更好的交互反馈

🎨 UI/UX 增强

  • 精简搜索组件设计，呈现更专业的外观
  • 在移除模糊效果的同时保持粉、紫、蓝配色
  • 通过更清晰的视觉边界提升搜索框可访问性
  • 通过统一的视觉一致性增强各搜索界面

🎞️ GIF 帧提取器改进

  • 为 GIF 帧提取器页面添加导航栏（Navbar）组件，保持站点导航一致
  • 集成页脚组件，保持各页面结构统一
  • 将 SEO meta 关键词更新为“免费动态 GIF 帧提取器、GIF 帧提取器、将 GIF 图片分割为帧”
  • 重组页面结构，确保导航和页脚在所有状态下正确显示
  • 通过正确的组件集成增强页面与其他站点的页一致性

🔗 导航与首页更新

  • 为首页链接区的“GIF 帧提取器”添加专用 GIF 图标链接
  • 将 GIF 帧提取器链接置于链接区首位，提升可见度
  • 实现与其他首页链接一致的样式和悬停效果
  • 通过首页直接访问 GIF 提取工具增强站点导航
  • 提升用户对 GIF 帧提取器功能的发现度
v1.1.1

版本 1.1.1

📄 新页面

  • 新增包含公司信息和使命宣言的“关于我们”页面
  • 创建包含完整 Cookie 使用信息的“Cookie 政策”页面
  • 实现具有多种支持渠道和响应时间的“联系支持”页面
  • 所有新页面均具有一致的设计语言和 SEO 优化

🎨 页脚增强

  • 将页脚布局从 3 列重组为 4 列网格，获得更好的平衡
  • 在现有板块旁创建新的“关于我们”板块
  • 将“关于我们”和“联系支持”链接从“法律”移至新的“关于我们”板块
  • 改进页脚视觉层次和链接组织
  • 增强响应式设计，提升移动端体验

🔗 导航与路由

  • 为所有新页面添加正确的路由配置
  • 更新 prerender 路由以包含新页面，提升 SEO
  • 修复新建页面的 404 错误
  • 确保所有页脚链接正常可用

🎯 用户体验

  • 通过清晰的法律和支持信息改进站点导航
  • 通过详细的 Cookie 和隐私信息增强透明度
  • 通过专用联系页面简化支持流程
  • 更好地组织页脚板块，便于信息发现
v1.1.0

版本 1.1.0

🎨 视觉增强

  • 为评价区域完全重新设计背景渐变系统
  • 添加具有深空美学的多层宇宙渐变
  • 通过冷暖色调过渡实现动态颜色叠加
  • 通过径向渐变聚光增强中心焦点效果
  • 添加带有微妙几何图案的动画网格背景
  • 引入闪烁的星光效果以增强视觉深度

✨ 动态效果

  • 通过多个光源重新设计动态光效系统
  • 添加具有平滑过渡的流动光效动画
  • 实现粒子光效以增强氛围
  • 创建具有不同强度的新动画光效元素
  • 在不同区域之间添加平滑的渐变过渡
  • 通过改进的光照分布增强视觉焦点

🎭 头像系统

  • 用新的彩色设计更新用户评价头像
  • 添加明亮活力主题的黄色头像
  • 添加经典热情主题的红色头像
  • 添加具有动态彩虹效果的彩色波浪头像
  • 添加具有惊艳光折射的棱镜波浪头像
  • 添加神秘暗黑优雅的午夜棱镜头像
  • 添加柔和色调的粉彩头像

🚀 性能改进

  • 优化背景渲染以提升性能
  • 移除冗余的渐变过渡代码
  • 精简动态光效以获得更流畅的动画
  • 改进代码结构与可维护性
  • 增强不同组件间的视觉一致性

🎯 用户体验

  • 增强评价区域的视觉层次
  • 通过更好的对比度提升可读性
  • 添加更具吸引力的视觉元素以提升用户留存
  • 打造更具沉浸感和现代美感的设计
  • 提升整体视觉吸引力和专业外观

更多更新即将到来

我们持续开发新功能与改进。敬请期待更多精彩更新！