利用 GitHub 建网站已成为许多开发者和个人用户的首选方式，尤其适合静态网站、项目展示页面、个人博客等场景，其核心优势在于免费、依托 Git 版本控制、支持自定义域名，且与开发者工作流深度集成，以下从准备工作、网站创建、内容部署、自定义配置及进阶优化五个方面，详细说明如何通过 GitHub 构建网站。
准备工作：注册账号与仓库创建
首先需要注册 GitHub 账号（若已有可跳过），访问官网（github.com）点击“Sign up”完成邮箱验证和密码设置，登录后，点击页面右上角“+”号，选择“New repository”，创建新仓库，仓库名称建议使用“用户名.github.io”格式（zhangsan.github.io），因为 GitHub Pages 会自动将此名称的仓库解析为网站域名，仓库类型选择“Public”（免费版仅支持公开仓库），勾选“Add a README file”初始化仓库，最后点击“Create repository”完成创建。
创建：本地编写与上传通常通过 HTML、CSS、JavaScript 等静态文件实现，可在本地使用 VS Code、Sublime Text 等编辑器编写代码，例如创建一个简单的 index.html 文件，包含基础结构：
<!DOCTYPE html>
<html>
<head>我的GitHub网站</title>
</head>
<body>
<h1>欢迎访问！</h1>
<p>这是我的第一个GitHub网站。</p>
</body>
</html>
编写完成后，通过 Git 命令将文件上传到仓库，打开终端，进入文件所在目录，执行以下命令：
- 初始化仓库：
git init - 关联远程仓库：
git add remote origin https://github.com/用户名/仓库名.git - 添加文件到暂存区：
git add . - 提交并推送：
git commit -m "初始提交网站文件"&&git push origin main
若不熟悉 Git，也可通过 GitHub 桌面版或网页端“Upload files”按钮直接上传文件。
启用 GitHub Pages：配置网站发布
上传文件后，需在 GitHub 仓库中启用 Pages 服务，进入仓库主页，点击顶部“Settings”选项卡，在左侧菜单栏找到“Pages”，在“Source”部分选择“Deploy from a branch”，默认分支选择“main”（若提交时使用的是“master”分支则选择对应分支），点击“Save”保存，等待1-2分钟，访问“https://用户名.github.io”即可看到网站内容，若无法访问，检查仓库文件是否包含 index.html（GitHub Pages 默认以此文件为首页）。
自定义配置：域名与主题优化
自定义域名
若想使用个人域名（www.example.com），需在域名解析服务商处添加 CNAME 记录，进入仓库“Settings-Pages”，在“Custom domain”输入框中填写域名（如 www.example.com），勾选“Enforce HTTPS”（启用HTTPS需等待证书签发，约5分钟），同时在本地网站根目录创建一个名为 CNAME 的文本文件，内容仅为域名（如 www.example.com），通过 Git 推送到仓库，确保 GitHub Pages 能正确识别域名。
主题与样式优化
可通过修改 CSS 文件调整网站样式，例如在本地创建 style.css 文件，定义字体、颜色、布局等样式，并在 index.html 中通过 <link rel="stylesheet" href="style.css"> 引入，若使用模板，可从 GitHub 搜索“GitHub Pages templates”，下载开源模板（如 Jekyll、Hugo 生成的静态模板）替换本地文件,快速搭建美观的网站。
进阶优化：Jekyll 集成与自动化部署
对于需要动态功能（如博客、评论系统）的网站，可集成 Jekyll（GitHub Pages 原生支持的静态站点生成器），在本地安装 Ruby 和 Jekyll 后，执行 jekyll new my-blog 创建博客项目，修改配置文件 _config.yml 中的域名、标题等信息，通过 jekyll build 生成静态文件，再推送到 GitHub 仓库，可通过 GitHub Actions 实现自动化部署：在仓库创建 .github/workflows/deploy.yml 文件，配置代码推送时自动执行构建和部署脚本,无需手动上传文件。
相关问答 FAQs
Q1：GitHub Pages 免费版有哪些限制？
A1：GitHub Pages 免费版主要限制包括：仅支持公开仓库（私有仓库需付费）、自定义域名仅支持 HTTPS（需等待证书签发）、网站内容需为静态（不支持 PHP、Node.js 等动态语言）、带宽和存储空间有限（通常适合中小型网站，月访问量约100GB以内）。
Q2：如何解决 GitHub 网站加载缓慢的问题？
A2：可通过以下方式优化：① 使用 GitHub Actions 或 CDN 加速，将静态资源（图片、CSS）托管在 CDN（如 Cloudflare）；② 压缩图片和代码，通过工具（如 TinyPNG、CSSMinifier）减小文件体积；③ 减少 HTTP 请求，合并 CSS 和 JS 文件；④ 选择离用户近的 GitHub 分支（如欧洲用户使用 GitHub EU 分支）。
