返回教程目录

4.2 GitHub Pages 介绍

目标

在本节中，你将：

• 了解什么是GitHub Pages
• 掌握GitHub Pages的主要功能和特点
• 理解为什么选择GitHub Pages作为我们的平台

---

什么是GitHub Pages？

**GitHub Pages** 是GitHub提供的免费静态网站托管服务，它允许你直接从GitHub仓库托管静态网站。

核心特点：

• 🎯 **完全免费**：永久免费使用，无流量限制
• 🌐 **全球访问**：全球CDN加速，覆盖范围广
• 🛠️ **自动部署**：推送代码后自动构建和部署
• 🔒 **HTTPS支持**：自动提供SSL证书，确保网站安全

---

GitHub Pages的主要功能

1. 静态网站托管

GitHub Pages支持托管各种静态网站：

• 📄 **HTML/CSS/JS**：直接托管静态文件
• 🚀 **静态站点生成器**：支持Jekyll、Hugo、Hexo等
• 🎨 **主题支持**：提供多种内置主题
• 📱 **响应式设计**：支持移动端访问

2. 部署方式

GitHub Pages支持多种部署方式：

• 🌿 **分支部署**：从特定分支部署（如main、gh-pages）
• 📁 **目录部署**：从仓库根目录或/docs目录部署
• 🔄 **自动构建**：推送代码后自动构建和部署
• ⚡ **快速部署**：部署速度快，通常几分钟内完成

3. 其他功能

• 🔗 **自定义域名**：支持绑定自己的域名
• 📊 **访问统计**：可以集成Google Analytics等统计工具
• 🤝 **协作开发**：与GitHub仓库无缝集成，支持多人协作
• 📚 **文档站点**：特别适合托管项目文档和技术博客

---

为什么选择GitHub Pages？

经过评估，我们选择了**GitHub Pages**作为我们的平台，原因如下：

1. 稳定可靠

• GitHub作为全球最大的代码托管平台，服务稳定
• 不会突然下线，确保网站长期可用
• 全球CDN加速，访问速度有保障

2. 完全免费

• 永久免费使用，无时间限制
• 无流量限制，适合各种规模的网站
• 自动提供SSL证书，无需额外费用

3. 生态完善

• 与GitHub代码仓库无缝集成
• 支持多种静态站点生成器
• 丰富的社区资源和教程

4. 易于使用

• 配置简单，操作方便
• 推送代码即可自动部署
• 支持自定义域名，提升专业度

---

GitHub Pages vs 其他方案

让我们对比一下GitHub Pages和其他常见方案：

| 功能 | GitHub Pages | Gitee Pages | 国内云服务 |

|------|-------------|-------------|------------|

| 永久免费 | ✅ | ❌（已下线） | ❌（有时间/流量限制） |

| 全球访问 | ✅ | ❌ | ⚡国内快 |

| 自动部署 | ✅ | ❌ | ✅ |

| 自定义域名 | ✅ | ❌ | ✅ |

| HTTPS支持 | ✅ | ❌ | ✅ |

| 生态完善 | ✅ | ❌ | ⚡ |

| 稳定性 | ✅ | ❌ | ⚡ |

---

练习时间！

练习1：访问GitHub Pages官网

1. 打开浏览器，访问 https://pages.github.com/

2. 浏览一下首页，了解GitHub Pages的基本信息

3. 看看有哪些功能和使用方式

练习2：了解GitHub Pages功能

1. 查看GitHub Pages的文档页面

2. 了解它支持哪些部署方式

3. 思考一下这些功能对你的项目有什么帮助

---

总结

在本节中，你学会了：

✅ 什么是GitHub Pages

✅ GitHub Pages的主要功能和特点

✅ 为什么选择GitHub Pages作为我们的平台

✅ GitHub Pages与其他方案的对比

**现在你已经了解了我们选择的平台，让我们开始使用GitHub Pages吧！**

---

**下一步**：让我们进入4.3 GitHub仓库创建与配置，开始使用GitHub Pages！