GitHub Pages 测试项目

这是一个用于测试 GitHub Pages 功能的简单网页项目。

项目结构

pagestest/
├── index.html   # 主页面文件
└── README.md    # 项目说明文档

页面内容

• 首页：包含项目介绍和示例内容
• 关于：关于项目的简要说明
• 服务：展示项目提供的服务
• 联系我们：联系方式信息

部署到 GitHub Pages 的步骤

1. 初始化 Git 仓库

如果你的项目还没有初始化 Git 仓库，请执行以下命令：

git init

2. 创建 GitHub 仓库

1. 登录你的 GitHub 账号
2. 点击右上角的「+」号，选择「New repository」
3. 填写仓库名称（例如：pagestest）
4. 选择仓库可见性（公开或私有）
5. 点击「Create repository」按钮

3. 关联本地仓库与 GitHub 仓库

在 GitHub 仓库页面，复制仓库的 HTTPS 或 SSH 地址，然后执行以下命令：

git remote add origin <仓库地址>
git branch -M main

4. 提交并推送代码

git add .
git commit -m "Initial commit"
git push -u origin main

5. 配置 GitHub Pages

1. 在 GitHub 仓库页面，点击「Settings」选项卡
2. 在左侧导航栏中，点击「Pages」
3. 在「Source」部分，选择部署来源：
   • 分支：选择 main（或你使用的主分支）
   • 目录：选择 / (root)
4. 点击「Save」按钮
5. 等待几分钟，GitHub Pages 会自动部署你的网站

6. 访问部署后的网站

部署完成后，你可以在 GitHub Pages 设置页面找到你的网站 URL，格式通常为：

https://<你的GitHub用户名>.github.io/<仓库名称>/

例如：

https://username.github.io/pagestest/

7. 验证部署

打开生成的 URL，确认网页正常显示。如果页面没有立即显示，可能需要等待几分钟，GitHub Pages 部署可能需要一些时间。

自定义域名（可选）

如果你想使用自定义域名，可以在 GitHub Pages 设置页面添加自定义域名，并在你的域名注册商处配置 DNS 记录。

注意事项

• GitHub Pages 只支持静态网站，不支持服务器端脚本（如 PHP、Ruby 等）
• 每个 GitHub 账户可以创建多个 GitHub Pages 网站
• 公开仓库的 GitHub Pages 是免费的，私有仓库的 GitHub Pages 需要 GitHub Pro 或更高版本

技术栈

• HTML5
• CSS3
• Git

许可证

MIT License