使用 GitHub Pages 快速部署静态网页

文章目录

• • 概要
  • 一、新建仓库
  • 二、上传网页文件
  • [三、启用 GitHub Pages](#三、启用 GitHub Pages)

概要

GitHub Pages 是 GitHub 提供的免费静态网页托管服务，支持直接从 GitHub 仓库中部署 HTML、CSS、JavaScript 等前端文件，适用于个人博客、项目展示页面等。

一、新建仓库

1. 登录 GitHub，点击右上角 "+" → "New repository"
2. 仓库名格式：<用户名>.github.io（例如：yourusername.github.io）【必须符合这种格式】
3. 设为 Public（Private 仓库需要付费才能使用 Pages）
4. 点击 "Create repository"

二、上传网页文件

注意：

• yourusername 替换成自己的名称
• 推送代码到远程仓库：git push <远程仓库名> <本地分支名>:<远程分支名>

方法一：

1. 克隆仓库到本地：

   git clone https://github.com/yourusername/yourusername.github.io.git
   cd yourusername.github.io

2. 添加你的网页文件（HTML、CSS、JS等）

   • 至少需要一个 index.html 作为首页

3. 提交更改：

   git add .
   git commit -m "描述信息"
   git push origin main:master

方法二 ：

三、启用 GitHub Pages

一般前面操作对了就可以直接访问 https://yourusername.github.io 查看你的网站。

1. 在仓库页面，点击 "Settings" → "Pages"
2. 在 "Source" 部分，选择分支（通常为 main 或 master）
3. 点击 "Save"
4. 等待几分钟，访问 https://yourusername.github.io 查看你的网站

---

❤觉得有用的可以留个关注ya❤