github pages部署静态网页

若是你的项目只是一个静态网站，就没有必要再去整什么服务器，github pages 提供了搭建静态网站的功能；

为何使用Github Pages

1. 搭建简单并且免费；

2. 支持静态脚本；

3. 能够绑定你的域名；

4. DIY自由发挥，动手实践一些有意思的东西git,markdown,bootstrap,jekyll；

5. 理想写博环境，git+github+markdown+jekyll；

****不限流量、不限流量、不限流量，重要的事说三遍！！！****

下面是搭建简单实例：

1、展现项目搭建

一、先建立一个repository，项目名自定义，最好把readme建立一下，标明项目简介

二、进入setting设置

找到Launch automatic page generator ，单击

三、填写信息

 

单击 continue to layouts

在这里选择你要的模板，单击publish page，这样就发布成功了（这里能够随便选一个）

四、回到项目下，发现多了一个gh-pages分支，说明已经能够了

五、而后回到setting页面，就能看到发布的地址了

六、复制连接，在浏览器就能够访问了

 

咱们看一下地址：http://jsonshare.github.io/github-pages

组成 http://+github用户名+github.io/+项目名

这种形式的项目，能够建不少个；

2、展现主页搭建

下面讲一下默认我的主页的设置

七、新建一个项目（项目名设置成：github用户名+github.io）

发布流程跟上边一致，这里省略

八、回到项目主页，会发现与上面的不一样是发布文件在主干master下

八、再去下边看一下发布的地址

可是这种我的展现页，或网站展现页只能建一个，地址为 http://jsonshare.github.io

 

总结引用：

两种pages模式
1. User/Organization Pages 我的或公司站点
1) 使用本身的用户名，每一个用户名下面只能创建一个
2) 资源命名必须符合这样的规则username/username.github.io或者username/username.github.com
3) 主干上内容被用来构建和发布页面
2. Project Pages 项目站点
1) gh-pages分支用于构建和发布；
2) 若是user/org pages使用了独立域名，那么托管在帐户下的全部project pages将使用相同的域名进行重定向，除非project pages使用了本身的独立域名；
3) 若是没有使用独立域名，project pages将经过子路径的形式提供服务username.github.io/projectname；
4) 自定义404页面只能在独立域名下使用，不然会使用User Pages 404；

 

2、绑定域名，实现自动跳转

我用的是阿里云

一、域名云解析管理页面

选择解析，添加解析（选择CNAME，添加你的二级域名）

二、在项目路径新建CNAME文件

三、在CNAME文件下，写入你再云解析设置的二级域名

 

单击提交commmit，项目路径CNAME就有了

四、再去setting看一下发布的地址（自动解析成你设置的域名了）

ok，到此，你就能够直接访问二级域名

 

最后、最后、最后在说明一下：github pages 默认主页为index.html ,上传项目是覆盖便可