在互联网时代，越来越多的人希望能够快速地搭建自己的网站。GitHub 提供的 GitHub Pages 功能，便是一个非常简单且方便的选择。本文将详细介绍如何将网站建在 GitHub 上，包含从创建仓库到发布网站的具体步骤，以及常见问题的解答。
什么是 GitHub Pages
GitHub Pages 是 GitHub 提供的一项服务，允许用户直接从 GitHub 上托管静态网站。你可以使用 HTML、CSS 和 JavaScript 创建网页，并将其上传到 GitHub 上，方便他人访问。
创建 GitHub 账号
在开始之前，你需要拥有一个 GitHub 账号。以下是创建账号的步骤：
- 访问 GitHub 官网。
- 点击页面右上角的“Sign up”。
- 输入你的邮箱、用户名和密码。
- 按照指示完成验证，最后提交你的注册信息。
创建一个新的仓库
在 GitHub 上创建网站的第一步是创建一个新的仓库。
- 登录你的 GitHub 账号。
- 点击右上角的“+”号，选择“New repository”。
- 输入你的仓库名称，建议使用类似
username.github.io的命名格式。 - 选择公开或私有仓库，推荐选择公开。
- 勾选“Initialize this repository with a README”。
- 点击“Create repository”创建新的仓库。
上传网站文件
本地开发网站
在上传文件之前，你可以在本地开发你的网页。建议使用 VS Code、Sublime Text 等编辑器，创建 index.html、style.css 等文件，具体步骤如下：
- 创建一个新文件夹，命名为你的项目名称。
- 在文件夹内创建
index.html文件，编写 HTML 代码。 - 如有需要，创建 CSS 和 JavaScript 文件，分别链接在 HTML 文件中。
上传文件至 GitHub
将网站文件上传到 GitHub 仓库：
- 返回你的 GitHub 仓库页面。
- 点击“Upload files”。
- 拖拽你的文件到上传框中，或者点击选择文件。
- 上传完毕后，点击“Commit changes”以保存更改。
启用 GitHub Pages
- 在你的 GitHub 仓库页面，点击“Settings”。
- 滚动到“GitHub Pages”部分。
- 在 “Source” 下拉菜单中选择
main分支，并保存。 - 页面会显示你的网站链接，通常是
https://username.github.io/。
自定义域名
如果你想使用自定义域名，需按以下步骤操作：
- 在你的域名提供商那里购买一个域名。
- 创建一个
CNAME文件，文件中写入你的域名。 - 将
CNAME文件上传至你的 GitHub 仓库根目录。 - 在域名提供商那里设置 A 记录指向 GitHub 的 IP 地址。
常见问题解答 (FAQ)
1. GitHub Pages 是免费的吗？
是的，GitHub Pages 是免费的。你只需拥有一个 GitHub 账号即可使用这项服务。
2. 可以在 GitHub Pages 上使用动态内容吗？
GitHub Pages 主要用于静态网站，无法直接支持动态内容。但你可以通过其他服务，如 API，来实现动态效果。
3. 上传的文件有什么限制吗？
单个文件大小限制为 100 MB，整个仓库大小限制为 1 GB。
4. GitHub Pages 支持哪些框架或生成器？
GitHub Pages 支持多种静态网站生成器，如 Jekyll、Hugo 和 VuePress 等。
5. 如何更新网站内容？
只需在本地更新你的文件后，再次上传至 GitHub 仓库，并提交更改即可。访问你的网站时，更新将自动生效。
总结
通过以上步骤，你应该能够顺利地将网站建在 GitHub 上。无论是个人博客、项目展示还是其他静态网站，GitHub Pages 都是一个高效的解决方案。希望本文能对你有所帮助！
