2026年使用 GitHub Pages 免费创建博客:完整指南

发布: (2026年3月29日 GMT+8 04:21)
3 分钟阅读
原文: Dev.to

Source: Dev.to

为什么选择 GitHub Pages ?

  • 100 % 免费 — 托管、SSL、带宽
  • 性能优秀 — GitHub 全球 CDN
  • 版本控制 — 每一次修改都记录在 Git 中
  • 支持自定义域名(可选)
  • 无需管理服务器

缺点:不支持动态内容(数据库、原生评论)。但对博客来说已经足够。

创建 GitHub 账户

  1. 访问并创建一个账户。
  2. 仔细选择你的用户名——它将成为博客的 URL:votrenom.github.io

配置仓库

  1. 在 GitHub 上新建一个仓库,名称必须完全为 votrenom.github.io(把 votrenom 换成你的用户名)。

  2. 勾选 “Add a README file” 进行初始化。

  3. 在仓库根目录创建一个 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>

部署站点

  1. 打开仓库的 Settings
  2. 在左侧菜单选择 Pages
  3. Source 下,选择 Deploy from a branchmain(或你使用的分支)并设为 root
  4. 点击 Save

1–2 分钟后,你的站点即可通过以下地址访问:https://votrenom.github.io

使用自定义域名

  1. 购买域名(约 10 €/年)。
  2. 在域名注册商的控制面板中添加一条 CNAME 记录:wwwvotrenom.github.io
  3. 返回仓库的 Settings → Pages,填写你的域名(例如 monblog.fr)。
  4. GitHub 会自动为该域名生成 SSL 证书。

哪里可以买到便宜的域名?

注册商.fr 年费.com 年费备注
OVH~7 €~10 €法国本土,可靠
(其他)

静态站点生成器(可选)

生成器优势对 GitHub Pages 的支持
Jekyll原生支持,Markdown 文章
Hugo超高速,主题丰富
Eleventy (11ty)灵活,适合 JavaScript 开发者

这些工具会在每次 push 时自动把 Markdown 文件转换为 HTML。

实施步骤

步骤操作预计时间成本
1创建 GitHub 账户2 分钟免费
2创建仓库 votrenom.github.io5 分钟免费
3添加 index.html(或配置 Jekyll/Hugo)10 分钟免费
4配置 GitHub Pages2 分钟免费
5(可选)配置自定义域名10 分钟~10 €/年

对配置有疑问?在评论中描述你的情况吧。

0 浏览
Back to Blog

相关文章

阅读更多 »

标签 <html>: 你的网页宇宙

如果你的网站是一个活的有机体,标签就是包裹它的一层皮肤。它是根元素 root,且页面上没有任何东西可以存在……

HTML 第3部分

Label A 告诉用户在 input 框中输入什么。最好使用 for 和 id 将 label 与 input 关联起来。当用户点击 label 时,关联的 …