传统建站太复杂？Github Pages帮你轻松搞定网站
作为一枚手残星人，建网站对我来说简直就是噩梦。传统建站套路繁琐复杂，租服务器、买域名、配置SSL证书、DNS解析，每一项都让人头大。
各位老铁，别怕！今天小编就来安利 Github Pages 这份大礼，让你轻松打造自己的网站，瓜田李下的八卦故事、搞怪奇葩的小发明，统统都可以展示出来~
Github Pages 是个啥？
简单来说，Github Pages 是 Github 提供的一个免费且快捷的静态网站托管服务。相比传统建站，它拥有以下几大优势：
1. 无需租服务器，自动部署，傻瓜式操作，简直就是小白的救星！
2. 支持静态资源托管，加载速度快，让你的网站飞起来！
3. 配备免费的二级域名，帮你摆脱难记的网址，让你的网站更容易被记住了！
4. 无需配置 DNS，省去繁琐的设置，让你轻松搞定技术难题！
Github Pages 是免费的？那我还能犹豫啥？
需要明确一点的是，Github Pages 免费托管的只是静态网站，即页面内容不会随着用户操作而发生变化。如果你的网站需要具备动态特性，例如用户注册、数据交互等功能，那么就需要租赁服务器进行部署。但对于个人博客、作品集展示、项目介绍等类型的网站，Github Pages 完全可以满足需求。
如何使用 Github Pages 建网站？
1. 申请一个域名
网站需要通过域名来访问，所以第一步肯定是准备一个域名。很多平台都提供免费的二级域名，例如 Github Pages 自己提供的 ".github.io" 域名。
2. 启动 Github Pages
登录你的 Github 账户，新建一个项目并命名为你的网站域名，例如 "my-website.github.io"。然后，点击项目设置，找到 Github Pages 选项卡，启用 Github Pages 服务。
3. 推送代码
Github Pages 支持两种部署方式：
1. 使用 Github Actions 自动部署：
2. 在项目中创建 ".github/workflows" 文件夹，并添加一个名为 "main.yaml" 的文件。
3. 在 "main.yaml" 文件中配置 Github Actions 工作流，指定要部署的代码分支、部署目录等信息。
4. 手动部署：
5. 进入项目的主分支，创建并编辑一个名为 "index.html" 的文件，包含你网站的主页内容。
6. 提交代码并推送到 Github，Github Pages 会自动检测代码更新并部署到你的网站上。
4. 完成！
经过以上步骤，你的 Github Pages 网站就已经成功部署了。可以通过 ".github.io/my-website"（注意替换为你的域名）访问你的网站。
常见疑问解答
Github Pages 和传统建站方式对比，有哪些优点？
| Github Pages | 传统建站 |
|---|---|
| 无需租服务器，自动部署 | 需要租用服务器，手动配置 |
| 支持静态资源托管，加载速度快 | 需要优化服务器配置，才能提升速度 |
| 免费二级域名 | 需要购买域名，费用根据后缀而定 |
| 无需配置 DNS | 需要配置 DNS 解析，将域名指向服务器 |
| 只支持静态网站，动态网站需要自己部署 | 支持动态网站，但需考虑服务器成本和运维难度 |
Github Pages 支持以下文件类型的托管：
| 文件类型 | 说明 |
|---|---|
| HTML | 超文本标记语言，构成网页结构 |
| CSS | 层叠样式表，控制网页外观 |
| JavaScript | 脚本语言，实现网页交互 |
| 图片（PNG、JPG、GIF） | 网页的视觉元素 |
| 音频（MP3、WAV） | 网页上的音频内容 |
| 视频（MP4、MOV） | 网页上的视频内容 |
Github Pages 的网站加载速度主要取决于以下因素：
| 因素 | 影响 |
|---|---|
| 代码量 | 代码量大，加载时间长 |
| 图片大小 | 图片尺寸大，加载时间长 |
| 服务器位置 | 服务器离访问者越远，加载时间越长 |
| 网络连接速度 | 访问者网络速度慢，加载时间长 |
Github Pages 对于 SEO（搜索引擎优化）有以下特点：
| 特点 | 说明 |
|---|---|
| 支持自定义域名 | 使用自己的域名，有利于 SEO |
| 网站速度快 | 加载速度快，有利于搜索引擎排名 |
| 静态网站 | 不利于搜索引擎抓取动态内容 |
| 免费二级域名 | 使用 Github Pages 的二级域名，对于 SEO 不太有利 |
优化 Github Pages 网站性能的方法包括：
| 方法 | 说明 |
|---|---|
| 减少代码量 | 精简代码，去除不必要的代码 |
| 优化图片 | 压缩图片大小，减少加载时间 |
| 考虑使用 CDN | 使用内容分发网络（CDN），加快网站内容在不同地区访问的速度 |
| 使用 SEO 最佳实践 | 使用描述性元描述，提交 Sitemap 等 |
互动时间
小伙伴们，你们有使用过 Github Pages 建网站的经历吗？欢迎在评论区分享你们的经验和心得！