Py学习  »  Git

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

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


1. 申请一个GitHub账号,然后创建一个Repositories


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


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

       

2. 上传代码


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

             

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

             

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

             

 

3. 设置GitHub pages


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

             

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

             

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

             


4. 分级管理


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

             

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

              

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




点击原文,直接访问生命游戏。如果你对今天的内容感兴趣或者有疑问,欢迎在公众号后台回复“UDM Club”,加入群聊和我们交流


Python社区是高质量的Python/Django开发社区
本文地址:http://www.python88.com/topic/55059
 
209 次点击