搭建GitHub_pages博客并配置自定义域名cdn加速

全部步骤列表

  • 1、创建GitHub账号
  • 2、本地安装git
  • 3、创建GitHub pages repository项目
  • 4、绑定域名
  • 5、绑定cdn加速

前面两步暂时就不讲了,可以参考网上其他文章

创建GitHub pages repository项目

  • 创建项目

首先选择GitHub页面右上角的加号,选择New repository。

然后输入项目名,同时自动生成README文件需要勾选上,然后点击Crete repository创建项目。

然后进到刚刚创建的项目主页,点击settings进行项目GitHub pages项目配置,点进去了往下来找到GitHub pages

然后在source位置配置博客文件的存放分支和路径,点击save就OK了,页面上会展示出你博客的访问路径了。
后面将博客需要发布的内容放到GitHub这个仓库里面就可以在博客中看到了

绑定域名


还记我们上面设置创建的仓库为GitHub pages么,在同样的地方设置你的个人域名,需要进行两步操作
  • 第一步,在你的域名服务商设置一条CNAME的解析记录,比如我的是腾讯云
  • 第二步,在刚刚GitHub pages的配置地方,填写你的域名,点击save,实际上它是在你的仓库生成了一个叫CNAME的文件


这时候你访问你的个人域名就可以访问你的博客,但是有个问题,你会发现你访问的域名是http的请求,所以还需要配置https,这一步现在GitHub会自动帮你完成的,你只需要刷新页面等待即可。
  • 等enforce https 可以点击的时候点击勾选就可以了
  • 上面那个绿色条条显示的是TLS证书的申请进度,等他走完了刷新页面勾选enforce HTTPS即可

勾选以后你会发现你的访问链接变成HTTPS的了,如果还不是多刷新几次

绑定cdn加速

给GitHub pages绑定cdn加速其实各个服务上操作都差不多,主要是几个概念要理解清楚,这几个概念折腾请求了就很容易配了(mmp,当时我理解错了回源host的含义,主要是很多博客上也说得错的或者很含糊,折腾了一天,在各个云上都试了下提工单看文档才搞定)。

  • 加速域名:你访问时在浏览器里面输入的域名
  • 源站域名:你的服务放在哪个服务器上,那个服务器绑定的域名,cdn会解析到对应的ip,一般是个负载均衡的域名,能解析出多个ip,cdn会解析到对应ip
  • 回源host(回源域名):回源请求访问哪个域名,上面说到了源站域名可能会解析出多个ip,而这些ip上可能又绑定的有多个域名,这个域名就决定了访问这个ip时的请求用什么域名去访问

下面是我在企鹅云的配置:

  • 加速域名是www.wkcaeser.com
  • 源站域名是我之前在GitHub pages配置的个人域名 blog.wkcaeser.com
  • 回源host是 blog.wkcaeser.com (这里如果在GitHub配置了个人域名一定要写个人域名,不然会有解析死循环的问题),如果配置的时候GitHub pages提供的那个域名的话(比如我是 wkcaeser.github.io),还需要配置下url路径重写(因为实际访问地址是 wkcaeser.github.io/blog),和NGINX差不多

另外,最好cdn回源配置里面的“回源跟随301/302配置”勾选上,不然有些基于GitHub pages的框架在访问时重定向可能会有问题(比如hexo)