在github pages快速部署你的P5.js

最近在家也不能出门，突然想到自己之前hackathon上面用P5.js做的一些小项目，虽然在本地上面写完了，但是在演示环节还是要部署在网页上，因为我自己也没有接触过网页搭建，所以当时比赛的时候，硬生生的没搞出来，最后还是放在了Openprocessing上面，那可想而知，网站实在是太慢了，整个体验效果并不是很好，所以我也一直在琢磨着有没有什么别的方法可以快速实现呢。正好我最近也在研究一些GitHub的玩法，很多人都用github pages搭建自己的网站，那我也寻思了一下，是不是也可以用github pages部署自己的p5.js代码呢，稍微尝试了一下，发现还是很容易的。

申请一个GitHub账号，然后创建一个Repositories

申请账号这个就直接去网页上面申请就可以了，然后进入自己的主页，直接NEW一个Repositories      

自己取个名字，其他的介绍信息什么的可以过会填，然后就直接create

上传代码

这个时候就能看到我们已经创建好了，点击Upload file

我准备了一个生命游戏的案例，直接把整个文件夹拖进来

等完全上传完了之后，点击 commit changes 提交文件

设置GitHub pages

这个时候再回到首页，可以看到文件夹已经上传上来了，现在我们只需要配置一下github pages就可以了，点击 settings

然后一路下滑，到github pages ，在 Source里面选择master branch，因为我们的文件也是默认在master branch下面。

刷新一下再进来就可以看到链接了。

分级管理

因为我们是把整个文件夹塞进来的，index.html是在gameoflife的文件夹路径下，所以直接点击是跳转到主界面的readME。

这个时候只需要把gameoflife加载网址后面，就可以看到部署好的P5.js啦，所以说也就是可以在一个repositories里面放很多个，不需要每次都创建新的了。

这么一看还是很简单吧！那就赶快试试看吧。