GitHub Pages是GitHub提供的一个免费使用的静态网站服务器,为我们提供免费的存储空间和免费的域名。我们可以将我们的应用的静态资源文件上传到该服务器上,GitHub Pages可以帮我们实时部署,提供服务。当我们修改静态资源文件后,推送到该服务器上,它会帮我们实时更新,非常方便!
GitHub Pages对每个GitHub账号的免费存储空间限制为1GB。由于是免费的主机,GitHub也对我们的服务使用的带宽有所限制。不过这对于我们一些个人的服务够了,比如个人博客。当然也可以自己花钱去阿里云或者亚马逊上买一台主机服务,申请自己的域名。
1 准备工作
想要使用GitHub Pages,必须拥有一个GitHub账号。GitHub账号移步GitHub官网。
2 开搞!开搞!
登录GitHub,然后创建一个仓库(repository
)用来存放我们的静态资源文件。该仓库名称的命名规则必须为:username.github.io
格式,这里username
要替换成你自己GitHub账号的用户名。如下图所示:
上图我用的GitHub账号的用户名就是biteeniu
。
仓库创建完毕后,将仓库拉到本地你的机器,开发你的服务:1
git clone git@github.com:biteeniu/biteeniu.github.io.git
仓库clone下来后,进入本地仓库目录中:创建一个index.html
文件1
2cd biteeniu.github.io/
echo "Hello World" > index.html
使用git指令add、commit并push到远程的GitHub仓库中:1
2
3git add index.html
git commit -m "add index.html"
git push origin master
push成功后,在浏览器中打开刚刚创建的那个仓库名(这个仓库名就是我们服务器的访问域名):https://biteeniu.github.io
,就可以访问到刚刚我们提交的index.html
页面!效果如下图:
以上就是GitHub Pages给我们带来的功能,我们可以把我们后续开发的一些静态资源push到这个仓库下,GitHub Pages会实时帮我们部署!
——————–【参考文章】——————–