Github部署静态网站教程

816 阅读2分钟

一、前言

GitHub部署静态网站的这个能力好像是很多年之前就有的。如果有小伙伴想尝试一下这个功能的话,不如跟我一起来探个究竟。

现在基于git来实现代码托管的平台有很多,比如GitHub、Gitee、Gitlab等等。这些平台大多已经具备"Git Pages"的能力。

二、啥是Git Pages?

其实就是 通过相应平台来发布公共网页GitHub Pages就是"通过GitHub平台发布公共网页",Gitee Pages就是"通过Gitee平台发布公共网页",Gitlab Pages就是"通过Gitlab平台发布公共网页"。那么下面我们就对这GitHub、Gitee这2种平台提供的能力做一个描述。

三、平台对比

3.1、Gitee

这个平台似乎今年开始就变得严格了,想使用一些功能(比如pages)的话,就需要通过实名认证(而且是上传身份证照片哦)。这波操作属实是给我劝退了(下面是具体的一些操作,只到上传身份证那块)。

  • 新建仓库

gitee2.png

  • 选择服务

gitee3.png

  • 身份验证

gitee4.png

走到这一步我就不敢往下走了(因为信息太敏感了),所以这也是我不选择gitee平台的原因。

3.2、GitHub

如果想使用 GitHub Pages 的能力,请遵循如下操作:

  • 新建仓库

github1.png

  • 部署

github2.png

  • 选择分支

github3.png

选择分支不用多说,上图的红框里的第二个单元格(/root)是用来选择去哪里找index.html文件。选择分支以后,点击红框旁边的 save 按钮。

  • 查看网址

等1分钟,然后重新点击settings下的pages,就可以拿到属于你的免费的静态站点的网址啦

github5.jpg

四、最后选择

1、如果你只想要免费的,并且是一个撒手掌柜,那么GitHub Pages完全适合你。

2、在情况1的基础上,如果你不在乎自己的敏感信息,那么Gitee Pages完全适合你(比GitHub的体验速度要快很多)。

3、如果你不顾虑钱的话,那么建议直接买个轻量级服务器,这样想放啥都可以。

五、最后的最后

最近建立了一个原生实现UI组件专栏,感兴趣的同学可以在相应文章下面评论交流,欢迎点赞关注。