2026年使用 GitHub Pages 免费创建博客:完整指南
发布: (2026年3月29日 GMT+8 04:21)
3 分钟阅读
原文: Dev.to
Source: Dev.to
为什么选择 GitHub Pages ?
- 100 % 免费 — 托管、SSL、带宽
- 性能优秀 — GitHub 全球 CDN
- 版本控制 — 每一次修改都记录在 Git 中
- 支持自定义域名(可选)
- 无需管理服务器
缺点:不支持动态内容(数据库、原生评论)。但对博客来说已经足够。
创建 GitHub 账户
- 访问并创建一个账户。
- 仔细选择你的用户名——它将成为博客的 URL:
votrenom.github.io。
配置仓库
在 GitHub 上新建一个仓库,名称必须完全为
votrenom.github.io(把 votrenom 换成你的用户名)。勾选 “Add a README file” 进行初始化。
在仓库根目录创建一个
index.html文件,例如:<!DOCTYPE html> <html lang="fr"> <head> <meta charset="UTF-8"> <title>Mon blog</title> </head> <body> <h1>Bienvenue sur mon blog</h1> </body> </html>
部署站点
- 打开仓库的 Settings。
- 在左侧菜单选择 Pages。
- 在 Source 下,选择 Deploy from a branch →
main(或你使用的分支)并设为 root。 - 点击 Save。
1–2 分钟后,你的站点即可通过以下地址访问:https://votrenom.github.io。
使用自定义域名
- 购买域名(约 10 €/年)。
- 在域名注册商的控制面板中添加一条 CNAME 记录:
www→votrenom.github.io。 - 返回仓库的 Settings → Pages,填写你的域名(例如
monblog.fr)。 - GitHub 会自动为该域名生成 SSL 证书。
哪里可以买到便宜的域名?
| 注册商 | .fr 年费 | .com 年费 | 备注 |
|---|---|---|---|
| OVH | ~7 € | ~10 € | 法国本土,可靠 |
| (其他) | — | — | — |
静态站点生成器(可选)
| 生成器 | 优势 | 对 GitHub Pages 的支持 |
|---|---|---|
| Jekyll | 原生支持,Markdown 文章 | ✅ |
| Hugo | 超高速,主题丰富 | ✅ |
| Eleventy (11ty) | 灵活,适合 JavaScript 开发者 | ✅ |
这些工具会在每次 push 时自动把 Markdown 文件转换为 HTML。
实施步骤
| 步骤 | 操作 | 预计时间 | 成本 |
|---|---|---|---|
| 1 | 创建 GitHub 账户 | 2 分钟 | 免费 |
| 2 | 创建仓库 votrenom.github.io | 5 分钟 | 免费 |
| 3 | 添加 index.html(或配置 Jekyll/Hugo) | 10 分钟 | 免费 |
| 4 | 配置 GitHub Pages | 2 分钟 | 免费 |
| 5 | (可选)配置自定义域名 | 10 分钟 | ~10 €/年 |
对配置有疑问?在评论中描述你的情况吧。