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" 选项:
- 选择 "Source" 为 "Deploy from a branch"
- 选择分支为 "main"(或 "master")
- 选择文件夹为 "/ (root)"
- 点击 "Save"
几分钟后,你的网站就可以通过 https://yourusername.github.io 访问了。
添加自定义域名(可选)
如果你想使用自己的域名,可以在 Pages 设置中添加自定义域名,并在域名服务商处配置 CNAME 记录。
提示:GitHub Pages 完全免费,支持 HTTPS,每月有带宽限制,但对于个人博客来说完全够用。
博客功能扩展
这个简单的博客模板已经包含了以下功能:
- 响应式设计,适配各种设备
- 文章列表和详情页
- Giscus 评论系统(基于 GitHub Discussions)
- 代码高亮显示
- 简洁美观的 UI 设计
总结
GitHub Pages 是搭建个人博客的理想选择,它免费、稳定、易于使用。配合本文提供的模板,你可以快速拥有一个功能完整的个人博客。
评论与讨论