博客园,CSDN等平台利用Github绑定域名


博客园,CSDN等平台利用Github绑定域名


网上有许多关于这方面的教程,但是大多数由于Github发生了更新导致教程出现了断层,并且在绑定域名后还会有其他问题发生,在这篇博文中,我将详细的演示如何将博客园,CSDN等博客平台利用GitHub绑定自己的域名


  • 首先我们需要在GitHub上面建立一个仓库,仓库的格式是 XXX.github.io , xxx部分为自己选择的名字

  • 接着在仓库中建立两个文件,分别是CNAME 和 index.html

1

  • 在CNAME中填入自己的选择绑定的域名

1.2

  • 在index.html中填入以下内容, 注意window.location.href="https://social.blog.csdn.net/" 这一栏中的域名换成自己的博客网站给的域名


    
        
        
        
    
    
    
    

  • ping通自己的GitHub仓库后(如ping csdn.github.io),复制给出的地址到剪切板中

2

  • 对自己的域名进行解析,添加如下两条记录
  1. CNAME记录,用来转发链接的

3

  1. A类型解析,用来开启Github 的 HTTPS()后面会说到

4

  • 打开GitHub仓库,在页面中选择setting选项5

  • 然后选择page选项

6

  • 再按下图选择

7

  • 点击保存

8

  • 等待加载完成

9

  • 刷新界面后点击 Enforces HTTPS 强制选择HTTPS,不选也行

10

  • 其实做到这一步已经可以利用我们的域名访问我们的博客了,但是我们访问博客的时候,浏览器会警告我们,我们的域名是不安全的链接,解决这个问题的方法是给我们的域名添加SSL证书,如果已经添加的证书的话就不会出现这种情况

11

  • 本人是在阿里云注册的域名,每年附送20张免费的SSL证书,当然像腾讯云这些域名提供商月会有这项免费服务,申请完免费的证书后,我将接着演示如何访问自己绑定的域名时显示我们的域名是安全的
  1. 申请一个免费的证书(其实就是在20张证书中分配给你一个证书)

12

  1. 等待几秒刷新后会显示已经绑定成功

13

  1. 再刷新刚才警告的页面就能直接进去了

14

  • 另外,我还想吐槽一下gitee,虽然也可以绑定域名,但是要备案的域名才可以,可是穷,买不起服务器,使用GitHub虽然实现了,但是访问会慢点,强迫症码农心里暗暗不爽 ??
  • 国外的Mediun,Blogger可以直接绑定自己的域名,使用自己的域名访问博客的时候,网址栏上显示的是自己的域名,但是像我们这种使用GitHub转发的方式,点击自己的域名后网址栏上会跳转到博客平台的URL,(强迫症码农心里又暗暗不爽)
  • 不爽归不爽,还是国内香,支持国内的博客平台,(CSDN,博客园听了暗暗高兴)但不能骄傲,毕竟有不足,还得继续发展