KatelyaTV/QUICKSTART.md

242 lines
4.9 KiB
Markdown
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

# 🚀 KatelyaTV 快速开始指南
欢迎使用 KatelyaTV本指南将帮助您在几分钟内完成部署和配置。
## 📋 前置要求
- **Docker** (推荐) 或 **Node.js 18+**
- 现代浏览器 (Chrome 90+, Firefox 88+, Safari 14+)
- 稳定的网络连接
## 🐳 Docker 部署 (推荐)
### 1. 快速启动
```bash
# 拉取最新镜像
docker pull ghcr.io/katelya77/katelyatv:latest
# 启动容器
docker run -d \
--name katelyatv \
-p 3000:3000 \
--env PASSWORD=your_password \
--restart unless-stopped \
ghcr.io/katelya77/katelyatv:latest
```
### 2. 访问应用
打开浏览器访问 `http://localhost:3000`,输入密码 `your_password` 即可使用。
### 3. 停止服务
```bash
# 停止容器
docker stop katelyatv
# 删除容器
docker rm katelyatv
```
## 🌐 云平台部署
### Vercel 部署
1. **Fork 项目**
- 点击 GitHub 仓库右上角的 "Fork" 按钮
- 等待 Fork 完成
2. **部署到 Vercel**
- 访问 [Vercel](https://vercel.com/)
- 点击 "New Project"
- 选择 Fork 后的仓库
- 设置环境变量 `PASSWORD=your_password`
- 点击 "Deploy"
3. **访问应用**
- 部署完成后Vercel 会提供一个域名
- 访问该域名,输入密码即可使用
### Cloudflare Pages 部署
1. **Fork 项目**
- 同上
2. **部署到 Cloudflare Pages**
- 访问 [Cloudflare Dashboard](https://dash.cloudflare.com/)
- 进入 "Workers & Pages"
- 点击 "Create application" → "Pages"
- 选择 "Connect to Git"
- 选择 Fork 后的仓库
- 构建命令:`pnpm run pages:build`
- 构建输出目录:`.vercel/output/static`
- 环境变量:`PASSWORD=your_password`
3. **访问应用**
- 部署完成后访问提供的域名
## ⚙️ 基础配置
### 环境变量
创建 `.env.local` 文件:
```bash
# 复制示例文件
cp .env.example .env.local
# 编辑配置
nano .env.local
```
**必需配置:**
```bash
PASSWORD=your_secure_password
```
**推荐配置:**
```bash
SITE_NAME=我的影视站
NEXT_PUBLIC_STORAGE_TYPE=localstorage
NEXT_PUBLIC_SEARCH_MAX_PAGE=10
```
### 自定义资源站点
编辑 `config.json` 文件:
```json
{
"cache_time": 7200,
"api_site": {
"dyttzy": {
"api": "http://caiji.dyttzyapi.com/api.php/provide/vod",
"name": "电影天堂资源",
"detail": "http://caiji.dyttzyapi.com"
}
}
}
```
## 🎯 核心功能使用
### 1. 搜索影视
- 在首页搜索框输入影视名称
- 支持中文、英文、拼音搜索
- 结果来自多个资源站点
### 2. 观看视频
- 点击搜索结果进入详情页
- 选择播放源和剧集
- 支持进度记录和断点续播
### 3. 收藏管理
- 点击心形图标收藏影视
- 在"我的收藏"中查看
- 支持多设备同步
### 4. 观看历史
- 自动记录观看进度
- 在"继续观看"中查看
- 支持从上次位置继续
## 🔧 高级配置
### 多用户支持
如需支持多用户,请配置 Redis 或 D1 存储:
```bash
# Redis 配置
NEXT_PUBLIC_STORAGE_TYPE=redis
REDIS_URL=redis://localhost:6379/0
# 或 D1 配置 (Cloudflare Pages)
NEXT_PUBLIC_STORAGE_TYPE=d1
# 在 Cloudflare Pages 中绑定 D1 数据库
```
### 自定义主题
修改 `src/styles/globals.css` 文件:
```css
:root {
--primary-color: #3b82f6;
--secondary-color: #1e40af;
--background-color: #ffffff;
--text-color: #1f2937;
}
.dark {
--background-color: #111827;
--text-color: #f9fafb;
}
```
### 添加新资源站点
`config.json` 中添加:
```json
{
"api_site": {
"newsite": {
"api": "https://newsite.com/api.php/provide/vod",
"name": "新站点名称"
}
}
}
```
## 🚨 常见问题
### Q: 无法访问应用
**A:** 检查端口是否被占用,防火墙设置,或尝试其他端口。
### Q: 搜索无结果
**A:** 检查网络连接,资源站点是否可用,或尝试其他关键词。
### Q: 视频无法播放
**A:** 检查视频源是否有效,浏览器是否支持相关格式。
### Q: 数据丢失
**A:** 如果使用 localStorage数据存储在浏览器中清除缓存会丢失数据。
## 📱 移动端使用
- 支持响应式设计
- 可安装为 PWA 应用
- 触摸友好的操作界面
## 🔒 安全建议
1. **设置强密码**:使用复杂密码保护访问
2. **限制访问**:不要公开分享访问链接
3. **定期更新**:保持应用版本最新
4. **监控日志**:关注异常访问记录
## 📞 获取帮助
- 📖 [完整文档](README.md)
- 🐛 问题反馈:在仓库 Issues 页面提交
- 💬 功能讨论:在 Discussions 页面参与
- 📝 [更新日志](CHANGELOG.md)
## 🎉 开始使用
现在您已经完成了基础配置,可以开始享受 KatelyaTV 带来的影视体验了!
**重要提醒:**
- 本项目仅供学习和个人使用
- 请遵守当地法律法规
- 不要用于商业用途或公开服务
---
如有任何问题,欢迎在 GitHub 上提出 Issue 或参与讨论!