GitHub部署静态网页教程：三种方法免费上线你的网站

小伙伴们想把自己的静态网页挂到网上给人看？这事儿不难，GitHub Pages就是干这个的，而且完全免费，不用花钱买服务器。核心就三步：把网页文件放上去、告诉GitHub用它来部署、等几分钟就能访问了。我帮你把几种路子都捋出来了，挑个最顺手的就行。

方法一是个人网站，如果你想要一个专属的独立网站，比如你的用户名.github.io这种，这是最直接的方式。在GitHub上创建一个新仓库，名字必须精确写成你的GitHub用户名加点github点io。把你的index.html以及其他所有网页文件包括CSS、JS、图片这些都上传到这个仓库里。GitHub会自动识别并部署，等几分钟后直接访问你的用户名点github点io就能看到了，这个地址就是你的个人站点。

方法二是项目网站，如果你只是想在某个项目下挂一个演示页面，比如用户名点github点io斜杠项目名这种，用这个方式。创建一个任意名字的普通仓库，同样把index.html等所有静态文件上传进去。然后进仓库的设置里找到Pages，在构建和部署的Source里选择Deploy from a branch，选main分支文件夹选根目录，点击保存等几分钟就能通过你的用户名点github点io斜杠仓库名访问了。

方法三是React或者Vue这类框架项目，如果你用的是需要构建的框架，推荐用GitHub Actions来自动化部署。先在项目根目录创建工作流文件，写一套基础的部署配置，把构建命令和输出目录替换成你项目的实际设置。之后每次推送代码到GitHub，它都会自动构建并部署你的网站，全程不用手动操作。

几个进阶技巧也值得记住，网站根目录下必须有一个index.html文件不然会报404。如果纯静态网站显示不正常可以在根目录放一个空的点nojekyll文件来关闭Jekyll。想用自定义域名的话在仓库根目录创建CNAME文件写上你的域名，然后在域名服务商那里做解析指向GitHub就行。部署失败的话去设置里确认分支和文件夹选对了，去Actions标签页看构建日志找报错原因，部署通常需要几分钟最长不超过三十分钟。HTTPS是自动开启的不用自己折腾证书。

GitHub Pages部署静态网页这事儿说白了就是把文件放上去设置好来源等几分钟，上手之后你会发现比想象中简单得多。有哪个步骤卡住了再回来问我。兄弟，想把自己的静态网页挂到网上给人看？这事儿不难，GitHub Pages就是干这个的，而且完全免费，不用花钱买服务器。核心就三步：把网页文件放上去、告诉GitHub用它来部署、等几分钟就能访问了。我帮你把几种路子都捋出来了，挑个最顺手的就行。

方法一是个人网站，如果你想要一个专属的独立网站，比如你的用户名.github.io这种，这是最直接的方式。在GitHub上创建一个新仓库，名字必须精确写成你的GitHub用户名加点github点io。把你的index.html以及其他所有网页文件包括CSS、JS、图片这些都上传到这个仓库里。GitHub会自动识别并部署，等几分钟后直接访问你的用户名点github点io就能看到了，这个地址就是你的个人站点。

方法二是项目网站，如果你只是想在某个项目下挂一个演示页面，比如用户名点github点io斜杠项目名这种，用这个方式。创建一个任意名字的普通仓库，同样把index.html等所有静态文件上传进去。然后进仓库的设置里找到Pages，在构建和部署的Source里选择Deploy from a branch，选main分支文件夹选根目录，点击保存等几分钟就能通过你的用户名点github点io斜杠仓库名访问了。

方法三是React或者Vue这类框架项目，如果你用的是需要构建的框架，推荐用GitHub Actions来自动化部署。先在项目根目录创建工作流文件，写一套基础的部署配置，把构建命令和输出目录替换成你项目的实际设置。之后每次推送代码到GitHub，它都会自动构建并部署你的网站，全程不用手动操作。

几个进阶技巧也值得记住，网站根目录下必须有一个index.html文件不然会报404。如果纯静态网站显示不正常可以在根目录放一个空的点nojekyll文件来关闭Jekyll。想用自定义域名的话在仓库根目录创建CNAME文件写上你的域名，然后在域名服务商那里做解析指向GitHub就行。部署失败的话去设置里确认分支和文件夹选对了，去Actions标签页看构建日志找报错原因，部署通常需要几分钟最长不超过三十分钟。HTTPS是自动开启的不用自己折腾证书。

GitHub Pages部署静态网页这事儿说白了就是把文件放上去设置好来源等几分钟，上手之后你会发现比想象中简单得多。有哪个步骤卡住了再回来问我。