教學影片:
https://www.youtube.com/watch?v=1XVP1sbd-Ng
教學文章:
https://hansvlss.top/post/moontv/
重點:
教學影片裡面少講了,幾個步驟,不然網站無法正常運作
- Fork本倉庫到你的GitHub帳號。
- 登陸Cloudflare,點擊計算(Workers)-> Workers 和 Pages,點擊創建
- 選擇Pages,導入選擇現有的Git倉庫,Fork後的倉庫
- 建置指令填入pnpm install --frozen-lockfile && pnpm run pages:build ,預設框架為無,建置輸出目錄為
.vercel/output/static 環境變數 (進階) 增加下面參數:名稱 範例值 說明 PASSWORD123456啟用訪問密碼 SITE_NAMEHans影视库頁面標題 ANNOUNCEMENT本站仅提供影视信息搜索服务公告欄說明 NEXT_PUBLIC_STORAGE_TYPElocalstorage必須填寫此項,否則出錯 NEXT_PUBLIC_ENABLE_REGISTERfalse靜態部署不建議開啟註冊 NEXT_PUBLIC_SEARCH_MAX_PAGE10搜尋最大頁數 NEXT_PUBLIC_AGGREGATE_SEARCH_RESULTtrue聚合同名搜尋結果 部署完成後
建置成功後-進入設定-執行階段-相容性旗標
1.將相容性標誌設定為 nodejs_compat
2.環境變數PASSWORD設定為存取密碼
重新部署,才能打開
這是關鍵,重新試試吧。 。 。 。
MoonTV 與LibreTV 的差別
| 特性 | MoonTV | LibreTV |
|---|---|---|
| 前端框架 | Next.js + App Router | Vue + Element UI |
| 播放器 | VidStack | DPlayer |
| 聚合能力 | 支援資源搜尋、播放、收藏、記錄 | 聚焦於播放(無聚類) |
| UI 體驗 | 現代、行動優化、深色、PWA | 簡潔經典 |
| 同步更新 | 支援GitHub Actions 自動同步 | 手動設定 |




