cloudflare配合github搭建免费开源影视LibreTV一个独享视频网站 详细教程

一、项目简介

LibreTV 是一个开源的 IPTV/影视聚合前端项目,支持 M3U 播放列表、EPG 电子节目单等。它本身是纯前端项目,非常适合用 GitHub Pages + Cloudflare 免费托管。


二、准备工作

  1. GitHub 账号

注册并登录 GitHub

  1. Cloudflare 账号

注册并登录 Cloudflare

  1. 一个自己的域名 (可选,但推荐,后续可接入 Cloudflare)

三、Fork 或下载 LibreTV 项目

  1. 打开 LibreTV 仓库
  1. 点击右上角 Fork,将项目复制到你的 GitHub 账号下
  1. 或者点击 Code → Download ZIP 下载到本地

四、部署到 GitHub Pages

1. 新建仓库(如果是 Fork 可跳过)

  • 登录 GitHub,点击右上角 + → New repository
  • 填写仓库名(如 libretv),选择 Public,点击 Create repository

2. 上传项目代码

  • 如果是 Fork,代码已在你仓库,无需上传
  • 如果是本地下载,上传到你的仓库

3. 启用 GitHub Pages

  • 进入你的仓库 → Settings → Pages
  • Source 选择 main 分支(或 master,以实际为准),目录选择 / (root)
  • 保存后,GitHub 会分配一个访问地址,如:

https://你的用户名.github.io/仓库名/

4. 访问测试

  • 打开上面的地址,应该可以直接访问 LibreTV 页面

五、绑定自定义域名(Cloudflare 配合)

1. 域名接入 Cloudflare

  • 登录 Cloudflare,添加你的域名,按提示更换 DNS 到 Cloudflare 提供的服务器

2. 添加 CNAME 解析

  • 进入 Cloudflare → DNS → 添加记录
  • 类型选 CNAME

3. GitHub Pages 绑定自定义域名

  • 仓库 → Settings → Pages → Custom domain,填写你的域名(如 tv.yourdomain.com),保存
  • GitHub 会自动生成 CNAME 文件

4. Cloudflare 开启 HTTPS

  • Cloudflare → SSL/TLS → 选择"完全"或"灵活"模式,确保 HTTPS 可用

六、LibreTV 配置与使用

1. 配置 M3U 播放列表

  • LibreTV 支持自定义 M3U 播放列表(可用开源 IPTV 源或自建)
  • 你可以在页面设置里添加自己的 M3U 链接

2. 配置 EPG 电子节目单(可选)

  • 支持自定义 EPG 链接,提升节目体验

3. 个性化定制

  • 你可以修改 index.html、config.js 等文件,定制界面和功能
  • 修改后推送到 GitHub,几分钟后自动生效

七、常见问题

  1. 页面打不开/404?
  • 检查 GitHub Pages 设置是否正确,分支和目录是否选对
  • 检查 CNAME 解析和 Cloudflare 配置
  1. HTTPS 不生效?
  • Cloudflare SSL/TLS 设置为"完全"或"灵活"
  • 等待 DNS 生效
  1. M3U/EPG 无法加载?
  • 检查链接是否可用,是否支持跨域(CORS)
相关推荐
草梅友仁3 小时前
草梅 Auth 与 AI 开发心得 | 2025 年第 27 周草梅周报
github·ai编程·视觉设计
qianmoQ6 小时前
GitHub 趋势日报 (2025年07月02日)
github
mortimer11 小时前
从零到一:构建一个 Chatterbox-TTS API 服务
开源·github·ai编程
真智AI11 小时前
利用 Claude Opus 4 自动化 GitHub 工作流:从安装到实战详解
运维·自动化·github
寻月隐君15 小时前
Rust 网络编程实战:用 Tokio 手写一个迷你 TCP 反向代理 (minginx)
后端·rust·github
喜欢吃豆16 小时前
快速手搓一个MCP服务指南(九): FastMCP 服务器组合技术:构建模块化AI应用的终极方案
服务器·人工智能·python·深度学习·大模型·github·fastmcp
油泼辣子多加1 天前
2025年06月30日Github流行趋势
github
ai小鬼头1 天前
AIStarter如何快速部署Stable Diffusion?**新手也能轻松上手的AI绘图
前端·后端·github
寻月隐君1 天前
Rust 异步编程实践:从 Tokio 基础到阻塞任务处理模式
后端·rust·github