GitHub Pages 部署
GitHub Pages 是最常用的免费静态站点托管服务,与 Gridea Pro 的 Git 部署模式完美契合。
- 一个 GitHub 账号
- Git 基本知识(Gridea Pro 会自动处理 Git 操作,但了解基础概念有助于排错)
第一步:创建 GitHub 仓库
Section titled “第一步:创建 GitHub 仓库”- 登录 GitHub,点击 New repository
- 仓库名称填写
<你的用户名>.github.io(例如zhangsan.github.io) - 设置为 Public(GitHub Pages 免费版要求公开仓库)
- 不要勾选 “Initialize this repository”
第二步:生成 Personal Access Token
Section titled “第二步:生成 Personal Access Token”- 进入 GitHub Settings > Developer settings > Personal access tokens > Tokens (classic)
- 点击 Generate new token (classic)
- 勾选
repo权限(完整的仓库读写权限) - 设置合适的过期时间,点击 Generate
- 复制生成的 Token
第三步:配置 Gridea Pro
Section titled “第三步:配置 Gridea Pro”在 Gridea Pro 的 设置 > 远程 中填写:
| 配置项 | 值 |
|---|---|
| 平台 | GitHub |
| 仓库地址 | https://github.com/<用户名>/<用户名>.github.io |
| 分支 | main |
| Token | 上一步生成的 Token |
| 域名 | https://<用户名>.github.io |
第四步:同步部署
Section titled “第四步:同步部署”点击 Gridea Pro 的 同步 按钮,等待推送完成。首次同步后,访问 https://<用户名>.github.io 即可看到你的博客。
- 在域名 DNS 中添加 CNAME 记录:
blog.example.com-><用户名>.github.io - 在 GitHub 仓库 Settings > Pages > Custom domain 中填写
blog.example.com - 勾选 Enforce HTTPS
- 在 Gridea Pro 中将站点域名改为
https://blog.example.com
| 问题 | 解决方案 |
|---|---|
| 同步失败提示 401 | Token 过期或权限不足,重新生成 |
| 页面显示 README 而非博客 | 确认 GitHub Pages 的 Source 设置为正确的分支 |
| CSS 样式丢失 | 检查站点域名配置是否包含仓库名路径 |
更多部署问题请查阅常见问题。