GitHub Pages部署完整教程

别怕，第一步其实就两件事

很多人卡在第一步，觉得又要装Git又要注册账号很麻烦。但其实，你只需要做两件事：

• 去 GitHub官网 注册一个账号，这跟你注册任何一个社交网站没区别。
• 在你电脑上下载一个叫 GitHub Desktop 的软件。别被“Git”这个词吓到，我们不用记命令，这个软件有图形界面，点点鼠标就行，对新手极度友好。

搞定这两样，你就拥有了“施工队”和“运输卡车”，接下来就是盖房子了。

给你的网站找个独一无二的家

在GitHub上，这个“家”就是一个代码仓库（Repository）。登录后，点那个绿色的“New”按钮新建一个。这里有个关键细节：仓库名必须严格按照【你的用户名.github.io】这个格式来。比如我的GitHub账号叫“xiaoming”，那仓库名就得是“xiaoming.github.io”。这个名字就是你未来网站的地址，一点儿都不能错。

创建时，记得勾选“Initialize this repository with a README”，这相当于给空房子放了个欢迎手册，后面操作会方便些。

把“建材”搬进新家

现在，打开你下载好的GitHub Desktop，登录你的账号。它会自动检测到你刚创建的那个“xiaoming.github.io”仓库，克隆到本地。这个“本地”就是你电脑上的一个文件夹。

接下来就简单了：找到你之前下载解压好的个人主页HTML源码，把里面所有的文件（包括index.html、css文件夹、js文件夹、images图片等），一股脑全复制到你电脑上那个仓库文件夹里。注意，是直接覆盖进去，确保index.html就在这个文件夹的根目录下。

最后一步，按下发布按钮

回到GitHub Desktop，你会看到左边列出了所有你刚复制进去的新文件。在左下角的摘要框里，可以顺手写一句“上传我的个人主页”，然后点击“Commit to main”。这就像是你把打包好的建材贴上了发货单。

最后，点击右上角的“Push origin”，搞定！这就相当于你把货物发往了GitHub的服务器。等个一两分钟，打开浏览器，输入“https://你的用户名.github.io”，比如“https://xiaoming.github.io”，你的个人网站就应该出现在眼前了！

第一次成功看到自己部署的网站时，那种成就感，真的比喝一杯冰可乐还爽。整个过程你可能一杯咖啡都没喝完，一个免费的、属于你自己的小角落就在互联网上立起来了。以后想修改内容？直接编辑本地文件，再用GitHub Desktop提交推送一次就行。快去试试吧，你的名片正在网上等你呢。

说真的，我当初第一次听说能把网站免费托管在GitHub上时，第一反应是“还有这种好事？”。对于一个总爱鼓捣点小项目但又不想租服务器的我来说，GitHub Pages简直是救星。今天我就来唠唠，怎么把你手里那些好看的HTML个人主页源码，真正变成一个能通过网址访问的、活生生的网站。整个过程，其实比你想象的要简单得多。

别怕，第一步其实就两件事

很多人卡在第一步，觉得又要装Git又要注册账号很麻烦。但其实，你只需要做两件事：

• 去 GitHub官网 注册一个账号，这跟你注册任何一个社交网站没区别。
• 在你电脑上下载一个叫 GitHub Desktop 的软件。别被“Git”这个词吓到，我们不用记命令，这个软件有图形界面，点点鼠标就行，对新手极度友好。

搞定这两样，你就拥有了“施工队”和“运输卡车”，接下来就是盖房子了。

给你的网站找个独一无二的家

在GitHub上，这个“家”就是一个代码仓库（Repository）。登录后，点那个绿色的“New”按钮新建一个。这里有个关键细节：仓库名必须严格按照【你的用户名.github.io】这个格式来。比如我的GitHub账号叫“xiaoming”，那仓库名就得是“xiaoming.github.io”。这个名字就是你未来网站的地址，一点儿都不能错。

创建时，记得勾选“Initialize this repository with a README”，这相当于给空房子放了个欢迎手册，后面操作会方便些。

把“建材”搬进新家

现在，打开你下载好的GitHub Desktop，登录你的账号。它会自动检测到你刚创建的那个“xiaoming.github.io”仓库，克隆到本地。这个“本地”就是你电脑上的一个文件夹。

接下来就简单了：找到你之前下载解压好的个人主页HTML源码，把里面所有的文件（包括index.html、css文件夹、js文件夹、images图片等），一股脑全复制到你电脑上那个仓库文件夹里。注意，是直接覆盖进去，确保index.html就在这个文件夹的根目录下。

最后一步，按下发布按钮

回到GitHub Desktop，你会看到左边列出了所有你刚复制进去的新文件。在左下角的摘要框里，可以顺手写一句“上传我的个人主页”，然后点击“Commit to main”。这就像是你把打包好的建材贴上了发货单。

最后，点击右上角的“Push origin”，搞定！这就相当于你把货物发往了GitHub的服务器。等个一两分钟，打开浏览器，输入“https://你的用户名.github.io”，比如“https://xiaoming.github.io”，你的个人网站就应该出现在眼前了！

第一次成功看到自己部署的网站时，那种成就感，真的比喝一杯冰可乐还爽。整个过程你可能一杯咖啡都没喝完，一个免费的、属于你自己的小角落就在互联网上立起来了。以后想修改内容？直接编辑本地文件，再用GitHub Desktop提交推送一次就行。快去试试吧，你的名片正在网上等你呢。