拥有一个属于自己的个人网站，就像是互联网世界里的一张名片。无论是为了展示自己的开源项目，还是作为求职时的加分项，亦或是单纯想找个地方写写技术博客，一个独立域名的网页总Neng给人留下专业且深刻的印象。但是一提到建站，hen多人脑海里浮现的往往是昂贵的服务器费用、复杂的域名备案流程，以及让人头秃的后端维护工作。

其实事情并没有你想的那么复杂。作为一名在代码圈摸爬滚打多年的开发者，我必须向大家安利一个“宝藏”服务——GitHub Pages。它不仅完全免费，而且稳定可靠，Zui重要的是它Neng让开发者用Zui熟悉的方式——Git——来管理自己的网站。今天我就手把手地教你如何利用这个强大的工具，零成本搭建属于你的个人网页。

为什么选择GitHub Pages？

在正式动手之前，我们得先明白这东西到底好在哪里。GitHub Pages 本质上是一种静态站点托管服务，它直接从 GitHub 仓库中读取文件并发布为网页。这意味着你不需要自己买服务器，也不需要配置 Nginx 或 Apache，GitHub Yi经帮你把底层的脏活累活dou干完了。

它的优势显而易见：

零成本： 真的完全免费，不需要掏一分钱买主机或域名。

简单易上手： 不需要你是全栈大神，只要懂一点点 HTML 和 Git 命令，或者干脆利用现成的 Jekyll 模板，就Neng快速上线。

集成度高： 网站代码本身就是代码仓库，版本控制、回滚、协作简直不要太方便。

稳定与速度： 背靠 GitHub 的全球 CDN，访问速度飞快，而且支持 HTTPS 自动加密，安全感拉满。

我自己就利用的组合，免费创建了一个个人网站：www.python-office.com。整个过程下来除了域名钱，没花 GitHub 一分钱，体验却相当丝滑。

第一步：创建专属仓库

万事开头难，但这一步真的hen简单。你需要登录或注册一个 GitHub 账号。登录之后点击右上角的加号，选择“New repository”创建一个新仓库。

这里有个小窍门，Ru果你想让你的网站地址Zui简短，请务必将仓库命名为特定的格式：你的GitHub用户名.github.io。比如我的 GitHub 用户名是 CoderWanFeng，那么我的仓库名就得是 coderwanfeng.github.io。这样设置好后GitHub 会自动识别并为你分配一个专属的访问地址。

当然Ru果你是为某个具体的项目Zuo文档页，仓库名Ke以随意，比如叫 `my-project`，那Zui终的访问地址就会变成 `username.github.io/my-project`。不过作为个人主页，我们还是推荐第一种命名方式。

第二步：本地环境搭建与代码编写

仓库建好了接下来就是往里面填东西。虽然你Ke以直接在 GitHub 网页上点击“Create new file”来写代码，但我强烈建议你在本地进行开发。毕竟专业的开发者dou是在本地敲代码的，对吧？

安装 Git 并克隆仓库

Ru果你的电脑上还没有安装 Git，那赶紧去官网下载并安装。安装完成后打开终端，把你刚创建的仓库克隆到本地：

git clone https://github.com/你的GitHub用户名/项目名.git
cd 项目名

进入项目文件夹后你就拥有了一个本地的工作空间。在这里你Ke以尽情挥洒你的创意。

编写第一个网页

Zui简单的网页，就是一个 `index.html` 文件。你Ke以用记事本，也Ke以用 VS Code 创建一个名为 `index.html` 的文件，并输入以下基础代码：

    
这里是我的介绍：热爱编程、旅行和咖啡。

这虽然简陋，但它是一个网页的雏形。写完后记得保存。

第三步：推送到 GitHub 并见证奇迹

代码写好了怎么把它放到网上去呢？这就需要用到 Git 的提交和推送命令了。在终端中依次执行以下命令：

git add .
git commit -m "我的第一次网页提交"
git push origin main

当你kan到上传进度条跑完，这就意味着代码Yi经安全抵达 GitHub 的服务器了。接下来去你的仓库页面点击上方的“Settings”标签，在左侧菜单栏中找到“Pages”选项。

在“Build and deployment”下面的“Source”选项中，确认选择的是“Deploy from a branch”，分支通常选择“main”，目录保持根目录“/root”不变，然后点击“Save”。

稍等片刻，刷新这个 Pages 设置页面你会kan到顶部出现了一个网址提示。比如：https://coderwanfeng.github.io/。恭喜你！现在在浏览器中打开这个链接，你就Nengkan到刚才那个简陋但属于你自己的网页了。Commit 提交代码后几秒刷新网站，就Nengkan到geng新，这回显示的就是 index.html 的内容。

第四步：进阶玩法——使用 Jekyll 打造精美博客

虽然直接写 HTML 也NengZuo出网页，但要想界面精美、排版舒服，还得靠 CSS 和 JavaScript，这对新手来说门槛有点高。这时候，Jekyll 就派上用场了。GitHub Pages 原生支持 Jekyll，这是一个将纯文本转换为静态网站的工具。

安装 Ruby 与 Jekyll

Jekyll 是基于 Ruby 语言开发的，所以在使用前，我们需要先在本地搭建 Ruby 环境。

Windows 用户： 推荐使用 RubyInstaller，安装时记得勾选“Add Ruby executables to your PATH”。

macOS 用户： 系统通常预装了 Ruby，在终端输入 ruby -v 检查一下即可。

Linux 用户： 使用 sudo apt-get install ruby-full 这类包管理命令安装。

环境准备好后我们需要安装 Bundler 和 Jekyll。打开终端，运行：

gem install bundler jekyll

这条命令会同时安装 Bundler 和 Jekyll。要注意的是上面的安装过程可Neng会占用大约 1GB 的磁盘空间，请确保你的硬盘有余量。安装完成后进入你的项目目录，安装项目依赖：

bundle install

本地预览与调试

依赖安装好后你就Ke以在本地启动一个测试服务器了。运行以下命令：

bundle exec jekyll serve

当命令执行完毕后终端会显示一个本地网址，通常是 http://127.0.0.1:4000。现在你在浏览器中打开这个地址，就Neng实时kan到你修改后的网站效果了。这比每次dou推送到 GitHub 上去预览要方便得多。

接着，你只需要让 AI 基于 Jekyll 编写满足你需求的网页代码就Ke以了。现在的 AI 编程助手非常强大，你只需要告诉它“我要一个极简风格的博客侧边栏”，它就Neng帮你生成对应的 Liquid 模板代码。

第五步：构建策略的选择——分支 vs Actions

在使用 Jekyll 时GitHub Pages 提供了两种构建模式，这点hen多新手容易忽略，但了解它们非常有用。

传统的分支构建

这是Zui简单的方式。你指定一个分支，GitHub Pages 会自动把这个分支上的文件作为网站源码。它的优点是零配置，你只要把文件推上去就行。但缺点也hen明显：Ru果你在本地修改了源码，你得先在本地运行 jekyll build 生成静态文件，然后再把生成的文件推送到仓库。这hen繁琐，容易出错。

现代化的 GitHub Actions 构建

这是geng推荐的方式。你创建一个 GitHub Actions 工作流文件，当你把源码推送到 main 分支时GitHub 会在云端自动运行 Jekyll 构建，并将生成的产物发布到 gh-pages 分支。

它的优点是全自动化。你不需要在本地管理构建产物，只需要关注源代码。虽然配置 YAML 文件对初学者有点挑战，但 GitHub 现在提供了 Jekyll Workflow 的自动生成模板，你只需要点点点就Neng搞定。而且，使用自定义 GitHub Actions 工作流Ke以绕过默认构建方式每小时 10 次的限制，让你geng频繁地geng新网站。

第六步：绑定自定义域名

虽然 username.github.io 这个域名hen酷，但Ru果你有自己的域名，绑定上去会显得geng专业。我自己就是用的腾讯云 DNS 解析配合 GitHub Pages。

在你的仓库根目录下创建一个名为 CNAME 的文件，文件内容写上你的域名，比如 www.python-office.com。

然后去你的域名服务商那里找到 DNS 解析设置。添加一条 CNAME 记录：

主机记录： www。

记录类型： CNAME。

记录值： 填写你的 GitHub Pages 地址，即 你的用户名.github.io。例如我的用户名是 CoderWanFeng，这里就填 coderwanfeng.github.io。

保存后系统可Neng会自动给末尾加个点，这完全不影响解析。稍等几分钟，DNS 生效后你就Neng通过自己的域名访问网站了。记得在 GitHub Pages 的 Settings 里把 Custom domain 填上，并勾选 Enforce HTTPS，这样全站的小绿锁就亮起来了。

GitHub Pages 的限制与注意事项

虽然 GitHub Pages hen好，但它毕竟是免费的午餐，也有一些服务条款和限制需要我们心里有数：

仓库大小限制： 建议源代码仓库保持在 1GB 以下发布的站点大小Zui好不要超过 1GB。

带宽限制： 每个月有 100GB 的软限制。对于个人博客或作品集来说这绰绰有余，但别拿它来放电影资源。

构建超时： 默认部署超时限制为 10 分钟。

禁止商业用途： 根据服务条款，GitHub Pages 不允许用于纯商业交易、SaaS 服务或处理敏感信息。它是给你展示用的，不是让你搞电商后端的。

开启你的创作之旅

好了上面就是使用 GitHub Pages 的大致步骤和思路。从Zui简单的 HTML 文件，到功Neng完善的 Jekyll 博客，再到自定义域名的绑定，这一套流程走下来你不仅拥有了一个免费的网站，geng熟悉了 Git、静态站点生成以及 DNS 解析等核心网络技术。

这段时间我一直想为我的独立开发应用——一个开源的 Android 音视频编辑器——弄一个网页。显然自己去弄服务器、从零开发网站成本太高。正是利用 GitHub Pages，我简单几步就上线了项目主页，既省心又省钱。

现在配合当今热门的 AI 编程工具，开发出自己满意的静态网页Yi经不是难事。你不需要是设计大师，也不需要是前端专家，只要你有想法，GitHub Pages 就Neng帮你把想法变成现实。别犹豫了现在就打开 GitHub，开始你的创作之旅吧！

---