什么是 Github Pages？

Github Pages 是 Github 的静态页面托管服务。它设计的初衷是为了用户能够直接通过 Github仓库来托管用户个人、组织或是项目的专属页面。

我们可以利用 Github 的静态页面托管服务 Github Pages 来帮助我们做页面展示。见得最多的就是把它拿来托管自己的博客，当然博客是静态的，不过，不止博客，我们github账户上的所有仓库只要把Github Pages的功能代开，就都能拥有自己的展示主页。

托管博客

github提供的博客托管仓库只有一个，那就是username.github.io，下面说一下具体怎么弄：

  • 创建一个名为username.github.io的仓库，其中username是你的github用户名，其他的默认即可
  • 进入username.github.io这个仓库，点击setting选项进行设置
    mark
  • 本地git关联和上传到这个仓库的步骤我就不说了，也就是git init、git add、git commit、git remote add origin https://仓库地址、git push origin master这些基本步骤，相信能来看这个的对git的基本操作都已经掌握了。

  • 进入到setting里面，左边学则Options这一栏,右边滑到GitHub Pages那一栏，将Source的Node改成你放博客文件的分支名字，一般是直接用master分支，然后Save

    • mark

    • mark

  • Theme chooser那一个选项是给你的这个主页设置显示的主题的，咱们是自己创建的博客不需要它的东西，直接跳过就行了
  • 此时访问在浏览器搜索框输入username.github.io其实已经可以访问，只是会提示404，因为咱们没有放页面
  • 此时只要上传本地的博客文件到这个仓库就可以了
  • 注意：博客的首页必须命名为index.html且放在这个仓库的最外面，不能放在某某文件夹里面，不然访问username.github.io还是会找不到页面
  • 上面的工作都做完后，就能通过输入username.github.io(记住，这里提到的username都得改成自己的用户名)访问自己托管的静态博客了
  • 如果不喜欢github提供的这个username.github.io域名怎么办，也可以绑定到自己注册的域名，详情请看我的这篇博客：挂载Hexo主题的Github绑定自己的域名,博主用的是Hexo的Next主题，不过不影响，操作都差不多
    • 到服务商购买域名
    • username.github.io仓库添加最外面添加一个CNAME文件，里面写上自己购买的域名
    • 解析购买的域名到github的域名和IP地址，等待一会儿就能通过自己的域名访问了

生成项目的展示主页

这才是Github Pages这功能开放的真正目的，为的是让托管在github上的仓库都能有直接进行展示的机会

步骤跟托管博客的步骤一样，随便一个仓库，Setting->Options->GitHub Pages->Source->分支名
这样就成功了，通过http://博客域名/仓库名，就可也访问了，同样该仓库需要一个放在最外面的index.html页面来做首页

Github Pages的限制

好东西还是有限制的：

  • 仓库存储的所有文件不能超过 1 GB
  • 页面的带宽限制是低于每月 100 GB 或是每月 100,000 次请求。
  • 每小时最多只能部署 10 个静态网站。
    不够对于托管个博客应该是绰绰有余了，如果真的不小心超了，Github 那边不会采取什么强制措施，而是会发一份邮件提醒你应该找一个更适合你的托管对象的服务。

至于仓库的存储的文件大小限度是各个仓库的总和还是自己有自己的1GB，这我没研究过，毕竟Github还没给我发过提醒邮件。