Nhật ký thay đổi

Theo dõi tất cả các bản cập nhật, tính năng mới và cải tiến cho Trang Trí Avatar Discord

v1.2.1

Phiên bản 1.2.1

🌍 Bản địa hóa

  • Thêm 10 ngôn ngữ mới: Tiếng Trung (Giản thể), Tiếng Trung (Phồn thể, Đài Loan), Tiếng Hindi, Tiếng Nga, Tiếng Ba Lan, Tiếng Indonesia, Tiếng Filipino, Tiếng Việt, Tiếng Thái và Tiếng Thổ Nhĩ Kỳ
  • Đã dịch toàn bộ 5 trang cốt lõi (Avatar, Trang Trí Avatar, Câu hỏi thường gặp và Nhật ký thay đổi) sang mọi ngôn ngữ mới
  • Đã bản địa hóa siêu dữ liệu SEO, dữ liệu có cấu trúc JSON-LD và văn bản giao diện cho từng ngôn ngữ mới
  • Tối ưu hóa bản dịch cho ý định tìm kiếm địa phương để cải thiện khả năng hiển thị quốc tế
v1.2.0

Phiên bản 1.2.0

🌍 Bản địa hóa

  • Thêm 7 ngôn ngữ mới: Tiếng Pháp, Tiếng Tây Ban Nha, Tiếng Đức, Tiếng Ý, Tiếng Nhật, Tiếng Hàn và Tiếng Ả Rập
  • Đã dịch toàn bộ 5 trang cốt lõi (Avatar, Trang Trí Avatar, Câu hỏi thường gặp và Nhật ký thay đổi) sang mọi ngôn ngữ được hỗ trợ
  • Đã bản địa hóa siêu dữ liệu SEO, dữ liệu có cấu trúc JSON-LD và văn bản giao diện cho từng ngôn ngữ
  • Tối ưu hóa bản dịch cho ý định tìm kiếm địa phương để cải thiện khả năng hiển thị quốc tế

🧭 Hỗ trợ RTL

  • Đã thêm hỗ trợ bố cục từ phải sang trái (RTL) cho tiếng Ả Rập, được áp dụng tự động qua thuộc tính dir của html
  • Đảm bảo giao diện tiếng Ả Rập phản chiếu đúng với căn chỉnh văn bản và luồng thành phần phù hợp
v1.1.9

Phiên bản 1.1.9

⚡ Hiệu suất

  • Đạt được Core Web Vitals (LCP & CLS) đẳng cấp thế giới trên cả Máy tính để bàn và Di động
  • Tối ưu hóa phần Hero với bố cục ổn định, tiền tải và ghi đè chỉ số phông chữ
  • Triển khai cuộn vô hạn để tối ưu hóa kích thước DOM và giảm thời gian tính toán kiểu
  • Thêm gợi ý preconnect và tối ưu hóa hiển thị phông chữ để tải tài nguyên nhanh hơn

✨ Cải tiến UX

  • Làm mới trải nghiệm chờ 'Lưu Avatar' với GeneratingOverlay đắm chìm
  • Thêm xem trước động, hiệu ứng lấp lánh và hoạt hình đa lớp
  • Triển khai theo dõi tiến trình thông minh với cập nhật trạng thái theo ngữ cảnh
  • Tinh chỉnh giao diện bằng cách loại bỏ các thành phần dư thừa trong quá trình tạo

🔧 Cơ sở hạ tầng

  • Tích hợp phân tích Umami để theo dõi sử dụng tập trung vào quyền riêng tư
v1.1.8

Phiên bản 1.1.8

🌑 Áp dụng chủ đề

  • Loại bỏ chuyển đổi chế độ sáng/tối khỏi thanh điều hướng
  • Áp dụng độc quyền chế độ tối cho toàn bộ dự án
  • Xóa tất cả logic trạng thái liên quan đến chủ đề khỏi thành phần Navbar

🎨 Tính nhất quán giao diện

  • Nâng cấp thành phần SearchBar với hỗ trợ gradient động qua prop gradientClass
  • Tối ưu hóa tính nhất quán thanh tìm kiếm và phần hero trên trang discord_avatar (chủ đề xanh-tím)
  • Tối ưu hóa tính nhất quán thanh tìm kiếm và phần hero trên trang discord_avatar_decoration (chủ đề tím-hồng)
  • Triển khai mẫu thiết kế kính (glassmorphism) cho các vùng chứa thanh tìm kiếm

🧹 Dọn dẹp mã

  • Xóa tất cả các biến chủ đề chế độ sáng không dùng đến khỏi global.css

🏷️ Cập nhật phân loại

  • Tinh chỉnh logic phân loại để loại bỏ hoàn toàn danh mục 'Khác' trên cả bộ sưu tập Avatar và Trang trí
  • Phân bổ lại các mục chưa được phân loại vào các danh mục chi tiết (ví dụ: Nhân vật & Linh vật, Thẩm mỹ & Phong cách)
  • Mở rộng khớp từ khóa để phân loại tự động chính xác hơn
  • Đảm bảo gán danh mục đơn nghiêm ngặt cho tất cả mục để ngăn trùng lặp

🔗 Điều hướng

  • Tối ưu hóa logo và văn bản trong khu vực logo thanh điều hướng
  • Tinh chỉnh giao diện tổng thể của thanh điều hướng
v1.1.7

Phiên bản 1.1.7

🎯 Hành động cửa sổ xem trước

  • Di chuyển các nút hành động cửa sổ xem trước trên Bộ sưu tập Avatar Discord và Bộ sưu tập Trang Trí Discord để có bố cục rõ ràng hơn
  • Thống nhất chiều rộng nút hành động thành w-72 trên Bộ sưu tập Avatar Discord và Bộ sưu tập Trang Trí Discord
  • Thêm 'Sử Dụng Avatar Này → Chọn Trang Trí' trong xem trước Bộ sưu tập Avatar Discord
  • Thêm 'Sử Dụng Trang Trí Này → Chọn Avatar' trong xem trước Bộ sưu tập Trang Trí Discord
  • Thống nhất biểu tượng CTA trên Bộ sưu tập Avatar Discord và Bộ sưu tập Trang Trí Discord
  • Thêm nút 'Mua cho tôi một ly cà phê' trong các hành động xem trước trên Bộ sưu tập Avatar Discord và Bộ sưu tập Trang Trí Discord
  • Xóa nút 'Sao chép Tên Avatar' và mã liên quan trong Bộ sưu tập Avatar Discord

🎞️ Tạo GIF

  • 'Lưu GIF động' giờ tạo trực tiếp trong cửa sổ xem trước trên cả hai trang bằng FFmpeg được tải lười
  • Thêm chỉ báo tiến trình tạo và phản hồi lỗi trên Bộ sưu tập Avatar Discord và Bộ sưu tập Trang Trí Discord
  • Tạo GIF tôn trọng lớp trang trí đang được chọn trên Bộ sưu tập Avatar Discord và Bộ sưu tập Trang Trí Discord
  • Tích hợp quy trình 'Trích xuất hình ảnh tĩnh' và định tuyến đến Trình trích xuất khung GIF

🎨 Lớp phủ & UX

  • Nâng cấp lớp phủ hover với gradient + làm mờ nhẹ và viên thuốc gợi ý sáng trên cả hai trang
  • Thích ứng bản sao trên di động trên Bộ sưu tập Avatar Discord và Bộ sưu tập Trang Trí Discord: Nhấn để xem trước (di động), Nhấp để xem trước (máy tính)
  • Căn chỉnh kích thước lớp phủ và góc bo tròn khớp với vùng chứa avatar trên Bộ sưu tập Avatar Discord và Bộ sưu tập Trang Trí Discord
  • Áp dụng trang trí mặc định (treat_ghost) trong xem trước Bộ sưu tập Avatar Discord và hỗ trợ chuyển trang trí giữa các trang từ Bộ sưu tập Trang Trí Discord

🏠 Trang chủ

  • Đổi tên 'Che Mặt bằng Emoji' thành 'Che khuôn mặt chỉ với một cú nhấp' trên Trang chủ và chuyển biểu tượng thành /emojiface-192x192.png
  • Đổi tên 'Bộ sưu tập Trang Trí Avatar Discord' thành 'Bộ sưu tập Trang Trí Discord'
v1.1.6

Phiên bản 1.1.6

🔗 Cập nhật điều hướng

  • Thay thế mục navbar 'Thảo luận' bằng 'Công cụ khác' liên kết đến /other-tools
  • Đồng bộ thay đổi trong menu di động để điều hướng nhất quán

📱 Cải tiến menu di động

  • Chuyển đổi menu di động thành bảng nổi hẹp, căn phải
  • Thêm hình nền mờ dần và hoạt hình trượt vào từ dưới lên cho bảng menu
  • Bật nhấp ra ngoài để đóng qua lớp phủ bán trong suốt
  • Thêm làm nổi bật theo chuột trong bảng để phản hồi trực quan
  • Tăng cường hover mục menu với chuyển động translate-x tinh tế

🛠 Trang Công cụ khác

  • Cập nhật 'Che Mặt bằng Emoji' thành 'EmojiFace - Che khuôn mặt chỉ với một cú nhấp'
  • Làm mới mô tả thành các khả năng tập trung vào quyền riêng tư
  • Chuyển sang biểu tượng /emojiface-192x192.png với w-10 h-10 và rounded-lg
  • Thêm hỗ trợ hiển thị tool.icon với dự phòng về emoji

🖼 Cập nhật trang chủ

  • Thay đổi trang trí xem trước hồ sơ mặc định thành treat_ghost
  • Cập nhật biểu tượng liên kết 'Công cụ khác' thành lootbox và đặt đầu tiên trong Liên kết
v1.1.5

Phiên bản 1.1.5

✨ Cập nhật tính năng

v1.1.4

Phiên bản 1.1.4

📝 Cập nhật nội dung

  • Thêm bài đăng blog mới: 'MỚI! MIỄN PHÍ 30+ Trang Trí Avatar Discord Miễn Phí Mới được Thêm vào Bộ sưu tập Trang Trí!'
  • Nổi bật các trang trí avatar Discord mới bao gồm The Final Peel, Warframe Clem, Dart Monkey và Infinite Swirl
  • Nâng cao nội dung blog với các mô tả chi tiết về tính năng trang trí mới
  • Thêm tối ưu hóa SEO toàn diện cho bài đăng blog mới

🔧 Cải tiến kỹ thuật

  • Sửa cấu hình định tuyến phía máy khách cho URL bài đăng blog mới
  • Thêm ánh xạ tuyến đường phù hợp trong src/index.jsx cho /blog/new-free-discord-avatar-decorations
  • Cập nhật sitemap.xml với mục bài đăng blog mới
  • Nâng cao sitemap-images.xml với hình ảnh trang trí nổi bật từ bài đăng blog mới

🎨 Trưng bày trang trí mới

  • Trình bày trang trí The Final Peel với xem trước chi tiết
  • Nổi bật trang trí Warframe Clem cho người đam mê trò chơi
  • Nhấn mạnh trang trí Dart Monkey với các yếu tố thiết kế độc đáo
  • Giới thiệu trang trí Infinite Swirl với hiệu ứng hình ảnh động
v1.1.3

Phiên bản 1.1.3

📱 Cải tiến điều hướng di động

  • Nâng cao điều hướng di động bằng cách hiển thị văn bản thương hiệu 'Trang Trí Avatar Discord' trên thiết bị di động
  • Cải thiện khả năng hiển thị và nhận diện thương hiệu trên màn hình nhỏ
  • Điều chỉnh kích thước phông chữ cho hiển thị di động tối ưu (text-lg trên di động, text-xl trên máy tính)
  • Duy trì hiển thị tiêu đề phụ chỉ trên máy tính để giao diện di động sạch hơn
  • Nâng cao trải nghiệm người dùng di động với nhận diện thương hiệu tốt hơn

🎯 Cải tiến tương tác người dùng

  • Triển khai tự động cuộn đến khu vực xem trước hồ sơ khi chọn avatar
  • Thêm hoạt hình cuộn mượt mà đến xem trước hồ sơ khi chọn trang trí
  • Nâng cao quy trình người dùng bằng cách tự động tập trung vào xem trước sau khi chọn
  • Cải thiện trải nghiệm người dùng với điều hướng liền mạch đến khu vực xem trước
  • Thêm độ trễ 100ms để đảm bảo cập nhật DOM hoàn tất trước khi cuộn
  • Cấu hình hành vi cuộn mượt mà với định vị khối trung tâm

☕ Tích hợp Buy Me a Coffee

  • Cập nhật kiểu phông chữ nút 'Mua cho tôi một ly cà phê' khớp với thông số thiết kế gốc
  • Áp dụng họ phông chữ Cookie với kích thước 18px để giữ thương hiệu nhất quán
  • Điều chỉnh kích thước emoji thành 16px để cân bằng trực quan tốt hơn
  • Duy trì nền vàng (#FFDD00) và kiểu văn bản đen
  • Đảm bảo kiểu nút khớp với nguyên tắc thiết kế Buy Me a Coffee chính thức

🎨 Tinh chỉnh giao diện

  • Thống nhất chiều rộng nút trên Lưu GIF động, Trích xuất hình ảnh tĩnh và Mua cho tôi một ly cà phê
  • Cải thiện khoảng cách dọc giữa các nút hành động để phân cấp trực quan tốt hơn
  • Nâng cao tính nhất quán bố cục nút với tiêu chuẩn chiều rộng w-72
  • Tối ưu hóa khoảng cách vùng chứa nút từ gap-2 thành gap-3 để cân bằng trực quan tốt hơn
  • Hợp lý hóa kiểu nút để có giao diện chuyên nghiệp hơn
v1.1.2

Phiên bản 1.1.2

🔍 Cải tiến thanh tìm kiếm

  • Loại bỏ hiệu ứng nền viền gradient khỏi hộp tìm kiếm để giao diện sạch hơn
  • Loại bỏ hiệu ứng phát sáng gradient mờ trong khi vẫn giữ nguyên bảng màu gốc
  • Đơn giản hóa kiểu hộp tìm kiếm với viền đặc để dễ đọc hơn
  • Cải thiện độ rõ ràng trực quan và giảm nhiễu hình ảnh trong giao diện tìm kiếm
  • Nâng cao tiêu điểm và trạng thái hover để phản hồi tương tác người dùng tốt hơn

🎨 Cải tiến giao diện

  • Hợp lý hóa thiết kế thành phần tìm kiếm để có giao diện chuyên nghiệp hơn
  • Duy trì bảng màu hồng, tím và xanh trong khi loại bỏ hiệu ứng làm mờ
  • Cải thiện khả năng truy cập hộp tìm kiếm với ranh giới trực quan rõ ràng hơn
  • Tăng cường tính nhất quán trực quan tổng thể trên các giao diện tìm kiếm

🎞️ Cải tiến Trình trích xuất khung GIF

  • Thêm thành phần thanh điều hướng (Navbar) vào trang Trình trích xuất khung GIF để điều hướng trang nhất quán
  • Tích hợp thành phần chân trang để duy trì cấu trúc trang đồng nhất trên toàn site
  • Cập nhật từ khóa meta SEO thành 'Trình trích xuất khung GIF động miễn phí, Trình trích xuất khung GIF, Tách hình ảnh GIF thành khung'
  • Sắp xếp lại cấu trúc trang để đảm bảo điều hướng và chân trang hiển thị đúng trong mọi trạng thái
  • Tăng cường tính nhất quán trang với các trang site khác thông qua tích hợp thành phần phù hợp

🔗 Điều hướng & cập nhật trang chủ

  • Thêm liên kết 'Trình trích xuất khung GIF' vào phần Liên kết trang chủ với biểu tượng GIF chuyên dụng
  • Đặt liên kết Trình trích xuất khung GIF là mục đầu tiên trong phần Liên kết để hiển thị tốt hơn
  • Triển khai kiểu và hiệu ứng hover nhất quán khớp với các liên kết trang chủ khác
  • Nâng cao điều hướng site bằng cách cung cấp truy cập trực tiếp đến công cụ trích xuất GIF từ trang chủ
  • Cải thiện khả năng phát hiện chức năng Trình trích xuất khung GIF của người dùng
v1.1.1

Phiên bản 1.1.1

📄 Trang mới

  • Thêm trang Về chúng tôi toàn diện với thông tin công ty và tuyên bố sứ mệnh
  • Tạo trang Chính sách Cookie chi tiết với thông tin sử dụng cookie đầy đủ
  • Triển khai trang Liên hệ Hỗ trợ với nhiều kênh hỗ trợ và thời gian phản hồi
  • Tất cả trang mới đều có ngôn ngữ thiết kế nhất quán và tối ưu hóa SEO

🎨 Cải tiến chân trang

  • Sắp xếp lại bố cục chân trang từ 3 cột thành lưới 4 cột để cân bằng tốt hơn
  • Tạo phần 'Về chúng tôi' mới trong chân trang cùng với các phần hiện có
  • Chuyển các liên kết 'Về chúng tôi' và 'Liên hệ Hỗ trợ' từ 'Pháp lý' sang phần 'Về chúng tôi' mới
  • Cải thiện phân cấp trực quan chân trang và tổ chức liên kết
  • Nâng cao thiết kế đáp ứng cho trải nghiệm di động tốt hơn

🔗 Điều hướng & định tuyến

  • Thêm cấu hình định tuyến phù hợp cho tất cả trang mới
  • Cập nhật tuyến đường prerender để bao gồm các trang mới cho SEO tốt hơn
  • Sửa lỗi 404 cho các trang mới được tạo
  • Đảm bảo tất cả liên kết chân trang hoạt động đúng

🎯 Trải nghiệm người dùng

  • Cải thiện điều hướng site với thông tin pháp lý và hỗ trợ rõ ràng
  • Tăng cường minh bạch với thông tin cookie và quyền riêng tư chi tiết
  • Hợp lý hóa quy trình hỗ trợ với trang liên hệ chuyên dụng
  • Tổ chức tốt hơn các phần chân trang để dễ dàng tìm thấy thông tin
v1.1.0

Phiên bản 1.1.0

🎨 Cải tiến trực quan

  • Thiết kế lại hoàn toàn hệ thống gradient nền cho phần lời chứng thực
  • Thêm gradient vũ trụ đa lớp với thẩm mỹ không gian sâu
  • Triển khai lớp phủ màu động với chuyển tiếp tông ấm và mát
  • Tăng cường hiệu ứng tiêu điểm trung tâm với đèn spotlight gradient xuyên tâm
  • Thêm nền lưới hoạt hình với các mẫu hình học tinh tế
  • Giới thiệu hiệu ứng sao lấp lánh để tăng chiều sâu trực quan

✨ Hiệu ứng động

  • Thiết kế lại hệ thống hiệu ứng ánh sáng động với nhiều nguồn sáng
  • Thêm hoạt hình ánh sáng chảy với chuyển tiếp mượt mà
  • Triển khai hiệu ứng hạt ánh sáng để tăng cường bầu không khí
  • Tạo các yếu tố ánh sáng hoạt hình mới với cường độ thay đổi
  • Thêm chuyển tiếp gradient mượt mà giữa các phần khác nhau
  • Tăng cường tiêu điểm trực quan với phân bố ánh sáng cải thiện

🎭 Hệ thống avatar

  • Cập nhật avatar lời chứng thực người dùng với các thiết kế nhiều màu mới
  • Thêm avatar Vàng với chủ đề tươi sáng và tràn đầy năng lượng
  • Thêm avatar Đỏ với thiết kế cổ điển và đầy đam mê
  • Thêm avatar Sóng Màu với hiệu ứng cầu vồng động
  • Thêm avatar Sóng Lăng Kính với khúc xạ ánh sáng tuyệt đẹp
  • Thêm avatar Prism Nửa Đêm với vẻ sang trọng tối bí ẩn
  • Thêm avatar Pastel với bảng màu mềm mại và dịu nhẹ

🚀 Cải tiến hiệu suất

  • Tối ưu hóa kết xuất nền để có hiệu suất tốt hơn
  • Xóa mã chuyển tiếp gradient dư thừa
  • Hợp lý hóa hiệu ứng ánh sáng động để hoạt hình mượt mà hơn
  • Cải thiện cấu trúc mã và khả năng bảo trì
  • Tăng cường tính nhất quán trực quan trên các thành phần khác nhau

🎯 Trải nghiệm người dùng

  • Tăng cường phân cấp trực quan trong phần lời chứng thực
  • Cải thiện khả năng đọc với tỷ lệ tương phản tốt hơn
  • Thêm các yếu tố trực quan hấp dẫn hơn để giữ chân người dùng
  • Tạo thẩm mỹ thiết kế đắm chìm và hiện đại hơn
  • Cải thiện sức hấp dẫn trực quan tổng thể và giao diện chuyên nghiệp

Sắp có thêm bản cập nhật

Chúng tôi liên tục làm việc trên các tính năng và cải tiến mới. Hãy theo dõi để nhận thêm các bản cập nhật thú vị!