Github解决大文件上传问题：创建视频播放网站实例

本文旨在指导您如何在GitHub上管理和上传大文件，例如MP4视频，同时以创建视频播放网站为例进行说明。

大局危危

2549人浏览 · 2023-12-18 19:56:39

大局危危 · 2023-12-18 19:56:39 发布

在这里插入图片描述

本文旨在指导您如何在GitHub上管理和上传大文件，例如MP4视频，同时以创建视频播放网站为例进行说明。

一、创建和配置GitHub仓库

首先，您需要在GitHub上创建一个新仓库来存放您的视频文件和网页。

登录GitHub账户：
- 访问GitHub网站并登录。
- 点击右上角的"+"图标，选择"New repository"来创建新仓库。
配置仓库：
- 为您的仓库命名，例如"video-site"。
- 选择仓库的可见性（公开或私有）。
- 点击"Create repository"。

二、解决大文件上传问题

由于GitHub对单个文件的大小有限制（通常为25MB），对于大文件，如视频，您需要使用Git Large File Storage (LFS)。

安装Git LFS：
- 访问Git LFS官网并下载安装。
- 在您的计算机上安装Git LFS。
- 打开终端或命令提示符，运行以下命令以初始化Git LFS：
```
git lfs install
```
追踪大文件：
- 在您的GitHub仓库中，使用以下命令来追踪MP4文件：
```
git lfs track "*.mp4"
```
- 这将修改或创建一个名为.gitattributes的文件。

添加和提交文件：

将您的视频文件和.gitattributes添加到仓库：

git add .gitattributes your-video-file.mp4
git commit -m "Add large video file via Git LFS"

推送更改到GitHub：
- 使用以下命令推送您的更改：
```
git push origin main
```
- 确保替换main为您的目标分支名称，如果它不是main。

三、创建HTML页面并启用GitHub Pages

接下来，创建一个HTML页面来播放您的视频，并通过GitHub Pages托管。

创建HTML页面：

创建一个名为index.html的文件。

在index.html中使用以下HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Video Site</title>
</head>
<body>
  <video controls autoplay>
    <source src="your-video-file.mp4" type="video/mp4">
    Your browser does not support the video tag.
  </video>
</body>
</html>

启用GitHub Pages：
- 在您的仓库页面中，点击“Settings”。
- 向下滚动到“GitHub Pages”部分。
- 在“Source”下拉菜单中选择“main”分支，然后点击“Save”。
访问您的网站：
- GitHub会提供一个URL，例如 https://your-username.github.io/your-repo-name/。
- 在浏览器中访问此URL以查看您的视频播放网站。

四、其他解决方案

如果您不想使用Git LFS或遇到了其他限制，还有其他几种方法可以考虑：

文件压缩：
- 使用视频编辑软件或在线工具压缩视频文件，以减小其大小。
外部视频托管服务：
- 将视频上传到YouTube、Vimeo等视频托管平台。
- 在您的静态网站中嵌入视频链接或使用 <iframe> 标签。
云存储服务：
- 使用Amazon S3、Google Cloud Storage等云存储服务存储视频文件。
- 在您的网站中提供指向这些视频的链接。