关于从Github Pages页面跳转到新域名

笔记迁移 github vercel 301

发布时间 : 2022-05-25 16:58

字数:668 阅读 :

前言
解决方法
1. CNAME
2. 页面跳转
参考文章

前言

虽然博客一直都挺惨淡，没啥人看，但万一呢对吧

比如这些同学们（貌似有幸成为了这个班同学们作业的参考资料🤣）

感谢把我博客引用到作业的同学

虽然没帮上忙但还把我挂出来

终于算是帮上了一位同学

因为之前一直没有绑定自定义域名，都是保留github.io的域名

仓库也删了，不可能重新部署（搭建在vercel搞私人仓库就是为了不被人发现我偷偷改文章🤫）

那么就是重开一个github pages的仓库，301跳转到新域名

下面方法给遇到相同情况的同学探探路

解决方法

CNAME

按照教程认证新域名
新域名blog.cnlnn.ml配置一条CNAME记录到cnlnn.github.io
从cnlnn.github.io仓库添加一个CNAME文件，内容为新域名blog.cnlnn.ml
等到访问cnlnn.github.io会301跳转到新域名后，把新域名的CNAME的撤了

如果像我一样使用根域名cnlnn.ml做博客的，可以把blog.cnlnn.mlCNAME记录改成cnlnn.ml

修改CNAME记录

用vercel的同学可以把CNAME记录改成cname.vercel-dns.com，然后再配置一下跳转

vercel上配置301跳转

这样就能把所有从cnlnn.github.io来的都直接跳转到新域名了

gitee能不能一样操作就不清楚了，反正我是放弃了

Gitee Pages服务要求实名制

页面跳转

在网上还搜到一位同学的办法，作为上面失效的备用方法

在cnlnn.github.io仓库内添加index.html、404.html

index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>新域名 https://cnlnn.ml</title>
    </head>
    <body>
        <p>跳转中，访问新域名站点<a href="https://cnlnn.ml" target="_blank">https://cnlnn.ml</a></p>
    </body>
  <script type="text/javascript">window.location.href="https://cnlnn.ml";</script>
</html>

404.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>请访问新站点 https://cnlnn.ml</title>
    </head>
    <body>
        <p>跳转中，访问新域名站点<a href="https://cnlnn.ml" target="_blank">https://cnlnn.ml</a></p>
    </body>
    <script src="http://cdn.bootcss.com/purl/2.3.1/purl.min.js"></script>
    <script>
        var url = purl();
        if (url.attr('host') == 'cnlnn.github.io') {
            var old_url = url.attr('source');
            var new_url = old_url.replace('cnlnn.github.io', "cnlnn.ml");
            window.location.replace(new_url); 
        }else {
            window.location.href="https://cnlnn.ml";
        }
    </script>
</html>

但是我的文章链接跟以前都对不上了，所以404.html也改成跟index.html一样直接跳转了

参考文章

Github Pages页面重定向到新网址，实现域名跳转 | iHTCboy’s blog

转载请注明来源，欢迎对文章中的引用来源进行考证，文章可能具有时效性，欢迎指出任何有错误、已失效或不够清晰的表达，可通过[邮件](mailto:cnlnnn@qq.com)联系垃圾堆主人