Skip to content

v0.2.0

Latest
Latest

Choose a tag to compare

View all tags
@katelya77 katelya77 released this 01 Sep 09:44
· 3 commits to main since this release
v0.2.0
33d2a15

🎉 DecoTV v0.2.0 - 界面优化重大更新

🔥 主要更新

🎨 界面优化

  • ✅ 修复按钮重叠问题 - 彻底解决右上角设置和主题切换按钮重叠
  • 🔍 搜索框优化 - 调整至合适宽度，完整显示提示文字，提升用户体验
  • 🌓 明亮模式完善 - 修复白色文字在明亮背景下看不清的问题
  • 💫 交互动画优化 - 改善按钮悬停和点击反馈效果

⚡ 功能增强

  • 🔗 版本号链接 - 点击版本号直接跳转 GitHub 仓库，方便查看更新
  • 🐳 完整 Docker 支持 - GitHub Packages 自动构建，一键部署
  • 🗑️ 界面清理 - 移除不必要的捐赠链接，保持界面简洁
  • 📋 配置管理 - 完善的配置导入导出功能

🛠️ 技术改进

  • 🏗️ 代码重构 - 清理 CSS 冲突，优化布局系统
  • 📱 响应式优化 - 改善移动端显示效果和触摸体验
  • 🎯 定位系统重构 - 使用 Flexbox 替代冲突的固定定位
  • 🚀 性能提升 - 优化资源加载和缓存策略

🚀 部署方式

Docker 部署 (推荐)

# 使用预构建镜像 (最快)
docker run -p 3000:3000 ghcr.io/katelya77/decotv:v0.2.0

# 或使用最新版本
docker run -p 3000:3000 ghcr.io/katelya77/decotv:latest

# 带密码保护
docker run -p 3000:3000 -e PASSWORD=your_password ghcr.io/katelya77/decotv:latest

Docker Compose 部署

version: '3.8'
services:
  decotv:
    image: ghcr.io/katelya77/decotv:v0.2.0
    ports:
      - "3000:3000"
    environment:
      - PASSWORD=your_secure_password
    restart: unless-stopped

云平台部署

  • Vercel: Deploy
  • Netlify: Deploy
  • Render: Deploy

本地构建

git clone https://github.com/katelya77/DecoTV.git
cd DecoTV
npm install && npm start

📋 详细文档

� 配置选项

# 环境变量配置
PASSWORD=your_secure_password    # 访问密码
PORT=3000                       # 服务端口
CORS_ORIGIN=*                   # CORS 设置

🌟 新特性详解

🎯 搜索体验提升

  • 搜索框宽度优化至 600px，平衡美观与实用性
  • 完整显示 "🔍 探索无限精彩，搜索你喜欢的视频..." 提示文字
  • 改善移动端搜索框适配，支持 98% 宽度

🎨 界面美化升级

  • 按钮间距精确调整，彻底解决重叠问题
  • 明亮模式下所有文字颜色优化，确保清晰可读
  • 动画效果流畅度提升，交互反馈更加自然

🐳 容器化部署完善

  • GitHub Packages 自动构建镜像
  • 支持 Docker、Docker Compose 多种部署方式
  • 预构建镜像体积优化，下载更快

🐛 Bug 修复

  • ✅ 修复右上角按钮重叠问题
  • ✅ 修复搜索框文字显示不全
  • ✅ 修复明亮模式文字可见性
  • ✅ 修复 CSS 定位冲突
  • ✅ 移除不必要的捐赠链接
  • ✅ 修复移动端布局异常

🔄 升级指南

从 v0.1.0 升级

  1. Docker 用户:

    # 拉取新版本
docker pull ghcr.io/katelya77/decotv:v0.2.0

# 停止旧容器
docker stop decotv && docker rm decotv

# 启动新容器
docker run -d -p 3000:3000 --name decotv ghcr.io/katelya77/decotv:v0.2.0

  2. 源码部署用户:

    # 拉取最新代码
git pull origin main

# 清理缓存
rm -rf node_modules package-lock.json
npm install

# 重启服务
npm start

  3. 浏览器缓存清理:

    • 按 Ctrl + Shift + R (Windows/Linux)
    • 按 Cmd + Shift + R (macOS)
    • 或手动清除浏览器缓存

💡 使用建议

🔐 安全配置

# 强烈建议设置访问密码
PASSWORD=your_complex_password_2025!

# 使用安全的端口配置
PORT=3000  # 或其他非默认端口

🚀 性能优化

  • 使用 CDN 加速静态资源访问
  • 配置 Nginx 反向代理和缓存
  • 启用 Gzip 压缩减少传输大小

📱 移动端体验

  • 支持添加到主屏幕 (PWA)
  • 触摸优化的操作界面
  • 响应式设计完美适配各种设备

⚠️ 重要提醒

  • 本项目仅供学习和个人使用
  • 强烈建议设置 PASSWORD 环境变量
  • 请勿用于商业用途或公开服务
  • 定期更新到最新版本以获得最佳体验

�🐛 Bug 修复

  • 右上角按钮重叠
  • 搜索框文字显示不全
  • 明亮模式文字可见性
  • CSS 定位冲突

从 v0.1.0 升级: 下载最新代码并清理浏览器缓存即可

基于 LibreTV 二次创作 • 致敬原作者

Assets 2
Loading