从零开始搭建你的个人博客：使用 GitHub Pages 免费部署静态网站

修炼室

已于 2025-04-22 16:19:38 修改

阅读量1.6k

点赞数 14

分类专栏：使用教程文章标签： github

于 2025-04-22 16:09:43 首次发布

本文链接：https://blog.csdn.net/qq_22841387/article/details/147422879

版权

46 篇文章

订阅专栏

🌐 从零开始搭建你的个人博客：使用 GitHub Pages 免费部署静态网站

在互联网时代，拥有一个属于自己的网站不仅是一种展示方式，更是一种技术能力的体现。今天我们将一步步学习如何通过 GitHub Pages 搭建一个免费的个人博客或简历网站。零基础也完全没问题！

📌 注意：注册过程中 GitHub 可能会问你一些使用习惯的问题，随意选择即可，不影响后续使用。

这个仓库将作为你网站的“家”。

在编辑框里输入你的网站内容，例如：

<html>
  <head>
    <title>我的个人主页</title>
  </head>
  <body>
    <h1>你好，欢迎来到我的GitHub主页！</h1>
    <p>这是我第一个静态网站~</p>
  </body>
</html>

接下来，我们就要把这个网站“发布”到互联网上了！

打开仓库主页，点击上方的 Settings。
在左侧菜单中找到 “Pages”。
在 “Build and Deployment” 部分：
- Source：选择 Deploy from a branch
- Branch：选择 main 或 master（视你创建仓库时选择的分支而定）
保存设置。

几分钟后，你就可以通过浏览器访问你的网站啦！

如果你的用户名和仓库名一致（即你创建的是用户主页）：
- 仓库名必须是：你的用户名.github.io
- 访问地址是：
```
https://你的用户名.github.io
```
- 例如，如果你的用户名是 leo，访问地址就是：
```
https://leo.github.io
```

在这里插入图片描述

如果你创建的是其他仓库（项目站点）：
- 仓库名不是 用户名.github.io，而是其他名字，比如 blog、resume 等；
- 那么访问地址是：
```
https://你的用户名.github.io/仓库名
```
- 例如你的用户名是 leo，仓库名是 blog，那么访问地址是：
```
https://leo.github.io/blog
```