博客园，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/" 这一栏中的域名换成自己的博客网站给的域名
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style media="screen">
            * {
                margin: 0;
                padding: 0;
            }
        </style>
    </head>
    <body>
    </body>
    <script type="text/javascript">
        window.location.href="https://social.blog.csdn.net/";  //换成自己的博客网站给的域名
    </script>
</html>
  • 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，博客园听了暗暗高兴）但不能骄傲，毕竟有不足，还得继续发展
posted @ 2021-11-23 01:24  mxrmiss  阅读(134)  评论(0)  编辑  收藏  举报