在本节中,你将:
---
1. **访问GitHub官网**
- 打开浏览器,访问 https://github.com/
2. **登录账号**
- 点击页面右上角的「Sign in」按钮
- 输入你的GitHub账号和密码
- 如果有两步验证,按照提示完成
---
登录成功后,让我们熟悉一下GitHub的主要界面:
---
1. **进入仓库创建页面**
- 登录后,点击页面右上角的「+」号
- 选择「New repository」
2. **填写仓库信息**
- **Repository name**:输入 `tutorial-project`
- 建议使用小写字母和连字符
- 不要使用空格或特殊字符
- **Description**:输入「使用Solo Trae Web Code制作的网页教程项目」
- 简单描述一下这个项目是做什么的
- **Visibility**:选择「Public」(公开)
- 公开仓库:任何人都可以查看和克隆
- 私有仓库:只有你和授权的人可以查看
- **Initialize this repository with**:可选是否初始化
- 可以勾选「Add a README file」
- 也可以留空,稍后自己上传文件
3. **创建仓库**
- 确认所有信息填写正确
- 点击「Create repository」按钮
- 等待仓库创建完成
---
仓库创建成功后,你会看到仓库的主页,这里包含:
---
现在让我们配置GitHub Pages来托管我们的网站:
1. **进入Settings页面**
- 在仓库页面,点击顶部的「Settings」标签
2. **找到GitHub Pages设置**
- 在左侧菜单中,找到并点击「Pages」
3. **配置部署源**
- 在「Build and deployment」部分,选择「Source」为「Deploy from a branch」
- 选择「Branch」为「main」
- 选择「Folder」为「/project」(因为我们的网站文件在project目录中)
4. **保存配置**
- 点击「Save」按钮
- 等待GitHub Pages部署完成
5. **获取访问地址**
- 部署完成后,页面会显示GitHub Pages的访问地址
- 格式通常为:`https://slowdown87.github.io/tutorial-project/`
---
---
**A:** 公开仓库任何人都可以查看和克隆,适合开源项目;私有仓库只有授权用户才能访问,适合私人项目。GitHub Pages对于公开仓库是完全免费的,私有仓库需要GitHub Pro。
**A:** 可以,在仓库设置中可以修改仓库名称,但修改后GitHub Pages的URL也会改变,需要更新相关链接。
**A:** GitHub对于仓库数量没有限制,你可以创建任意数量的公开或私有仓库。
**A:** 可以,在仓库设置的最底部找到「Delete this repository」选项,但删除操作不可恢复,请谨慎操作。
**A:** 通常需要1-10分钟,部署完成后会在GitHub Pages设置页面显示访问地址。
---
1. 访问GitHub官网
2. 使用你的账号登录
3. 完成两步验证(如果启用)
1. 登录后浏览一下各个页面
2. 了解主要功能区域
3. 查看个人设置页面
1. 创建一个名为 `test-project` 的测试仓库
2. 填写仓库描述
3. 选择公开类型
4. 初始化README文件
5. 查看创建好的仓库页面
1. 进入测试仓库的Settings页面
2. 找到GitHub Pages设置
3. 配置部署源为main分支的根目录
4. 保存配置并等待部署完成
5. 访问GitHub Pages地址测试
1. 进入测试仓库的设置页面
2. 找到删除仓库的选项
3. 按照提示删除测试仓库
4. 确认仓库已被删除
---
在本节中,你学会了:
✅ 如何登录GitHub
✅ 如何熟悉GitHub的界面
✅ 如何创建新的代码仓库
✅ 如何配置GitHub Pages
✅ 仓库创建的最佳实践
✅ 常见问题的解决方法
**现在你已经成功创建了GitHub仓库并配置了GitHub Pages,让我们继续推送代码吧!**
---
**下一步**:让我们进入4.4 推送代码到GitHub,学习如何将本地代码推送到GitHub仓库!