使用GitHub Pages搭建个人博客

详细讲解如何使用GitHub Pages免费部署个人博客网站,包含HTML、CSS和GitHub配置

使用GitHub Pages搭建个人博客

GitHub Pages 是 GitHub 提供的一项免费静态网站托管服务,非常适合搭建个人博客、项目文档等静态网站。本文将详细介绍如何使用 GitHub Pages 搭建个人博客。

准备工作

在开始之前,你需要准备:

  • 一个 GitHub 账户
  • Git 客户端(可选,可以直接在 GitHub 网页端操作)
  • 基本的 HTML/CSS 知识

创建仓库

首先,在 GitHub 上创建一个新的仓库,命名为 yourusername.github.io(将 yourusername 替换为你的 GitHub 用户名)。

# 仓库命名规则
yourusername.github.io

注意:仓库名必须严格按照这个格式,GitHub 才能识别为个人站点。

上传网站文件

将你的网站文件上传到仓库。最简单的静态博客通常包含以下文件:

  • index.html - 主页
  • post.html - 文章详情页
  • README.md - 项目说明
  • .nojekyll - 禁用 Jekyll 处理

启用GitHub Pages

在仓库的设置页面,找到 "Pages" 选项:

  1. 选择 "Source" 为 "Deploy from a branch"
  2. 选择分支为 "main"(或 "master")
  3. 选择文件夹为 "/ (root)"
  4. 点击 "Save"

几分钟后,你的网站就可以通过 https://yourusername.github.io 访问了。

添加自定义域名(可选)

如果你想使用自己的域名,可以在 Pages 设置中添加自定义域名,并在域名服务商处配置 CNAME 记录。

提示:GitHub Pages 完全免费,支持 HTTPS,每月有带宽限制,但对于个人博客来说完全够用。

博客功能扩展

这个简单的博客模板已经包含了以下功能:

  • 响应式设计,适配各种设备
  • 文章列表和详情页
  • Giscus 评论系统(基于 GitHub Discussions)
  • 代码高亮显示
  • 简洁美观的 UI 设计

总结

GitHub Pages 是搭建个人博客的理想选择,它免费、稳定、易于使用。配合本文提供的模板,你可以快速拥有一个功能完整的个人博客。

评论与讨论