如何将博客网站部署到 GitHub Pages
步骤1: 创建GitHub仓库
访问 https://github.com 并登录你的GitHub账号
- 点击右上角的 "+" 按钮，选择 "New repository"
- 输入仓库名称，例如: my-blog-site
- 设置为公共仓库 (Public)
- 点击 "Create repository"
注意: 仓库名称将决定你的网站地址。例如：my-blog-site 的访问地址将是 https://yourusername.github.io/my-blog-site
步骤2: 上传博客网站代码
你可以选择以下两种方式上传代码:
方式A: 使用Git命令行
git init
git add .
git commit -m "Initial commit"
git remote add origin https://github.com/yourusername/myrepository.git
git push -u origin main
方式B: 使用GitHub Web界面
- 在GitHub仓库页面，点击 "Add file" > "Upload files"
- 上传博客网站文件夹中的所有文件
- 点击 "Commit changes"
步骤3: 配置GitHub Pages
- 在GitHub仓库页面，点击 "Settings"
- 左侧菜单中找到 "Pages"
- 在 "Source" 部分，选择 "Deploy from a branch"
- 选择分支 "main" 或 "master"
- 选择根目录 (root)
- 点击 "Save"
提示: GitHub Pages将在几分钟后部署完成。你将获得一个免费的网站地址：https://yourusername.github.io/repositoryname
步骤4: 验证部署
- 等待1-2分钟让GitHub完成部署
- 访问 https://yourusername.github.io/myrepository
- 你应该能看到博客网站的首页
自定义域名
如果需要自定义域名:
- 在GitHub Pages设置页面，添加你的自定义域名
- 在你的DNS提供商处配置CNAME记录指向 yourusername.github.io
- 等待DNS传播（可能需要几分钟到几小时）
GitHub Pages的优点
- 免费: GitHub Pages完全免费
- 自动部署: 每次推送代码都会自动更新网站
- SSL证书: 自动提供HTTPS支持
- CDN: 全球内容分发网络，访问速度快
- 简单配置: 只需要几分钟就能完成设置