feat(ui/ux): 优化用户体验和可访问性

- 字体加载优化: 添加 font-display: block 策略,创建 useFontLoading hook
- 色彩对比度: 调整 text-muted 和 text-tertiary 颜色值确保 WCAG AA 合规
- 滚动进度条: 新增 ScrollProgress 组件,支持 reduced motion
- 表单自动保存: 新增 useFormAutosave hook,防止用户数据丢失
- 返回顶部按钮: 新增 BackToTop 组件,提升长页面导航体验
- 图片懒加载: 优化 OptimizedImage 组件,添加 blur placeholder 和加载动画

所有新组件均包含完整测试,1450+ 测试通过
This commit is contained in:
张翔
2026-03-28 11:21:04 +08:00
parent ebaa7f3c50
commit a003f1192e
15 changed files with 1280 additions and 234 deletions
+62
View File
@@ -0,0 +1,62 @@
#!/bin/bash
# Woodpecker CI - 通过API设置仓库为Trusted
# 用途:解决 "Insufficient trust level to use volumes" 和 "Insufficient trust level to use privileged mode" 错误
set -e
echo "=========================================="
echo "Woodpecker CI - 设置仓库为Trusted"
echo "=========================================="
echo ""
# 配置
WOODPECKER_SERVER="https://ci.f.novalon.cn"
REPO_OWNER="novalon"
REPO_NAME="novalon-website"
echo "📋 方法1: 通过Web UI设置(推荐)"
echo "=========================================="
echo ""
echo "步骤1: 访问 ${WOODPECKER_SERVER}"
echo "步骤2: 登录(使用Gitea账号)"
echo "步骤3: 选择仓库 ${REPO_OWNER}/${REPO_NAME}"
echo "步骤4: 点击右上角 Settings"
echo "步骤5: 勾选 Trusted 选项"
echo "步骤6: 点击 Save"
echo ""
echo "📋 方法2: 通过API设置"
echo "=========================================="
echo ""
echo "步骤1: 获取管理员Token"
echo " 1.1 访问 ${WOODPECKER_SERVER}"
echo " 1.2 点击右上角用户头像"
echo " 1.3 选择 Account"
echo " 1.4 复制 Token"
echo ""
echo "步骤2: 执行API请求"
echo " curl -X PATCH \"${WOODPECKER_SERVER}/api/repos/${REPO_OWNER}/${REPO_NAME}\" \\"
echo " -H \"Authorization: Bearer YOUR_TOKEN\" \\"
echo " -H \"Content-Type: application/json\" \\"
echo " -d '{\"trusted\": true}'"
echo ""
echo "📋 方法3: 通过Woodpecker Server配置"
echo "=========================================="
echo ""
echo "如果以上方法不可行,可以在Server端配置:"
echo ""
echo "步骤1: 编辑 /home/novalon/docker-app/novalon-cicd/docker-compose.yml"
echo "步骤2: 在 woodpecker-server 服务中添加:"
echo " environment:"
echo " - WOODPECKER_OPEN=true"
echo " - WOODPECKER_ADMIN=your-admin-username"
echo ""
echo "步骤3: 重启服务:"
echo " cd /home/novalon/docker-app/novalon-cicd"
echo " docker-compose restart woodpecker-server"
echo ""
echo "✅ 推荐使用方法1Web UI设置)"
echo ""