GitHub Pages是Github提供给托管项目的开发者一个更个性化展示自己项目的方法，使用GitHub Pages服务可以编写托管在Github上的静态网页。

能做什么

托管静态资源文件（html、图片、文件），一般用于静态页面网站搭建。常见用于个人博客、公司门户、图床。

为什么要用

  • 免费。不用购买vps搭建网站
  • 会分配一个免费的二级域名：xxx.github.io，也可以使用自己的域名
  • 不管使用分配的二级域名还是自己的域名，都会免费且自动生成SSL证书，不用再购买和维护证书
  • 免备案。虽然我们不干坏事，但是备案也是需要流程和手续的
  • 对技术开发人员友好，只要有基础知识就能快速上手使用

有哪些吐槽的地方

  • 稳定性，大陆地区访问会偶尔抽风
  • 对于免费用户，github pages 仓库必须是public的。如果是用jekyll的话，fork仓库就可以完整拷贝文章原始内容
  • 存储空间、流量、构建次数的限制，详细请查看About GitHub Pages 1.png

怎么用

  1. 创建 github pages托管仓库 2.png
  2. 在settings-pages里设置source 3.png
  3. 点击”choose a theme”去选择主题。注意：主题选择完成后，”Source”的分支可能会自动改成”gh-pages” 4.png
  4. 配置域名，启动”Enforce HTTPS”，不管是用自定义域名（前提是已经配置好CNAME）还是分配的域名，github都会自动生成证书
    6.png
    备注：如果是自定义域名，可能要等几分钟，待github识别到CNAME的配置后，才能勾选”Enforce HTTPS”
    1. 自己有域名的话，可以填写自己的域名，并在域名解析添加CNAME，如：5.png
    2. 自己没有域名也可以直接使用github分配的域名，一般是：{username}.github.io
  5. 浏览器输入自定义域名或者github分配的域名，访问页面 img.png
  6. 最后仓库里文件是像下面图片这样的，你可以继续使用jekyll制作网站，也可以使用hexo、hugo搭建网站。甚至你可以删除里面的所有内容，然后自己上传静态页面文件
    img_1.png

后续

以上就是开通github pages的所有流程。接下来还有几件事情要做：

  1. 如何制作适合自己的网站。
    1. 自己开发构建网站
    2. 使用md编辑文章发布。目前常用的是hexo、hugo、jekyll
  2. 网络加速。github是国外的，大陆访问会出现偶尔抽风的情况，所以需要网络加速。常用方案：
    1. 同步发布到类似github pages的平台。如 vercel、阿里云OSS、腾讯云OSS、七牛云OSS、coding page、gitee
    2. cdn加速。在域名解析的地方，把国内的CNAME解析到cdn，海外的CNAME解析到github。国内cdn都需要备案，海外的可以选择cloudflare
  3. github + jekyll 可能会被人家很容易的fork，所以最好是能把文章放在私有库，构建后的资源放在pages托管库