使用GitHub Pages搭建个人网站持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天，点

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第1天，点击查看活动详情

最近阿里云的轻量级服务器要到期了，作为一个前端，除了一部分个人项目外，很少有机会使用服务器，但是每次续费都要一笔大洋，其实如果仅仅是部署静态网站，诸如个人博客，面试项目等，使用GitHub Pages足矣。特别是对于前端新手同学来说，购买服务器，配置环境等非常麻烦，而有些简单项目则完全没有必要。

GitHub Pages 是一个静态站点托管服务,有300M免费空间，足够托管我们的静态项目,同时方便快捷免费易用，如果我们有demo项目或者在面试中希望能够演示的博客、小案例都可以托管在GitHub Pages中。

要想使用GitHub Pages搭建个人网站，首先需要一个Git账号，大家作为开发应该不要要重新注册了吧。

1、建新的项目仓库

2、仓库名称需要如个人git账号名称+.github.io命名，一定记得勾选添加README,然后确认创建。

3、在项目中安装gh-pages插件

yarn add gh-pages -D

4、配置命令行，predeploy执行打包命令，deploy使用gh-pages意思是将我们的项目打包，并且推送到远程仓库的main分支。

"predeploy": "npm run build",
"deploy": "gh-pages -d build -r git@github.com:Arvin-Cui/arvincui.github.io.git -b main"

5、注意最好使用我们仓库的SSH方式进行推送，否则会推送失败，关于如何配置SSH密钥请大家自行百度哦。

6、执行npm run deploy命令，等待项目打包并推送，完成后会有如下界面。仓库中也会显示一次提交记录，并能看到我们打包上传的文件。

7、最后一步，在Git设置中找到Pages选项，第一次提交需要保存设置，在Build and deployment中选择资源路径分支，root即可，点击保存，刷新界面即可看到我们的live地址，点击访问即可。

通过以上几步我们就可以成功将我们的项目托管在GitHub Pages 提供的站点中了，GitHub Pages 是新手朋友们的好帮手，不再需要购买服务器，搭建配置，是一个不错的选择

使用GitHub Pages搭建个人网站