功能特性#

• 🔍 多源聚合搜索：内置数十个免费资源站点，一次搜索立刻返回全源结果。
• 📄 丰富详情页：支持剧集列表、演员、年份、简介等完整信息展示。
• ▶️ 流畅在线播放：集成 HLS.js & ArtPlayer。
• ❤️ 收藏 + 继续观看：支持 Redis/D1/Upstash 存储，多端同步进度。
• 📱 PWA：离线缓存、安装到桌面/主屏，移动端原生体验。
• 🌗 响应式布局：桌面侧边栏 + 移动底部导航，自适应各种屏幕尺寸。
• 🚀 极简部署：一条 Docker 命令即可将完整服务跑起来，或免费部署到 Vercel 和 Cloudflare。
• 👿 智能去广告：自动跳过视频中的切片广告（实验性）

准备#

本次教程以 Vercel 为例，0代码部署更简单。所以你需要以下条件：

• 一个GitHub账号
• 一个Vercel账号（绑定你的Github账号）
• 一个自己的域名

具体注册教程不再演示，自行搜索即可，Vercel与Github部分地区可能需要魔法。

部署#

点击刚才的Github链接，打开MoonTV项目的Github页面，登录你的Github账号后点击右上角的Fork，将此项目Fork到你的账号下

确保你的Vercel账号已经绑定了你的GitHub账号，点击这个链接新项目 --- New Project，打开图中Vercel的部署新项目页面，在搜索框里输入MoonTV就可以看到你刚刚Fork下的项目了，点击import

点击了import按钮后你会来到这个页面，可以看到Vercel已经自动匹配了Next.js框架

在环境变量的Key里输入PASSWORD，Value则填写你想设置的密码，部署完成后打开MoonTV需要此密码，完成后点击Deploy，项目就开始部署了，等待1分钟左右就可以看到部署成功了。随后我们点击打开项目的详情页面

点击页面右上角Visti左侧的Domains配置自定义域名（Vercel国内墙），会来到这个页面

点击Add Domain输入你的自定义域名，根据Vercel的提示添加CNAME记录即可，第一次添加自定义域名可能需要再添加一个TXT记录验证。

在你的域名添加好记录后等待一会，点击刷新即可看到提示Vercel提示有效配置，至此你的MoonTV可以通过浏览器访问了。

在此页面输入你的访问密码（环境变量里的Value）就可以进入MoonTV的主页面了，可以看到全网几乎所有的资源都能在上面找到，至此你已经成功部署了MoonTV并可以在任意浏览器访问了。

需要注意的是MoonTV 虽然支持管理员配置，但仅可通过 Docker+Redis 或 Cloudflare+D1 的部署方式配置，比较麻烦，本次演示的Vercel的部署方式对于个人已经够用，体验不错的话别忘了回到Github给项目点个Star支持哦。