Github Pages页面重定向到新网址,实现域名跳转-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

Github Pages页面重定向到新网址,实现域名跳转

简介: 1、前言 最新还是决下心来换域名啦!从 http://ihtc.cc 换成 https://ihtcboy.com !然后问题就来了,以前文章的链接打开404了,旧域名也访问不通,这样子不行呢!用了2年多的旧域名,在百度谷歌还是积累了一些爬虫,还有很多分享到第三方平台的文章呢!想一想,还是想救一救它!!! 2、准备工作 首先,因为是2个域名,所以我分别用2个GitHub账号设置对应的Repo地址解析。

1、前言

最新还是决下心来换域名啦!从 http://ihtc.cc 换成 https://ihtcboy.com !然后问题就来了,以前文章的链接打开404了,旧域名也访问不通,这样子不行呢!用了2年多的旧域名,在百度谷歌还是积累了一些爬虫,还有很多分享到第三方平台的文章呢!想一想,还是想救一救它!!!

2、准备工作

首先,因为是2个域名,所以我分别用2个GitHub账号设置对应的Repo地址解析。

域名 Repo
ihtc.cc HeTianCong.github.io
ihtcboy.com iHTCboy.github.io

3、域名重定向

首先要解决的问题是 ihtc.cc 重定向到 ihtcboy.com,在网上搜索到,域名的重定向可以有以下3种方法(如果还有其它,欢迎大家补充!):

  1. 域名转发
  2. 301重定向
  3. JS跳转

方法一,域名注册商支持域名转发功能才行!放弃~
方法二, 就是Web 服务器(这里是GitHub)给访问老域名的请求返回一个 302,然后跳转到新域名上。考虑到使用的GitHub托管服务是不可能配置 Web 服务器的,也只能放弃~

最后就是剩下JavaScript 实现,在 HeTianCong.github.io 新建
index.html 文件,内容为:

<script type="text/javascript">window.location.href="https://ihtcboy.com";</script>

解析:

index.html就是访问 ihtc.cc 时,GitHub 默认打开的页面,所以在里面用JS重写向到新的域名,这样就解决了旧域名重写向新网址的问题啦!!

4、文章重定向

旧的文章链接:

http://ihtc.cc/2018/02/25/2018-02-25%20_Gitment评论功能接入踩坑教程/

既然要重定向到新的域名,,就不可能在旧的Repo里增加全部旧文章吧(虽然方案是可行),但是这样又起不到读者知道新域名的问题,硬要搞2个Repo,那就没有前面的重定向必要啦!!!

最后想到旧的链接访问不通时,表现形式:
404
There isn't a GitHub Pages site here.

那么在 Repo 下建立一个 404.html,这样是不是就可以拿到访问文章的链接,然后就你所欲为!(拿旧域名替换成新域名就可以啦!)马上就开始行动吧!

404.html 文件,内容为:

<script src="http://cdn.bootcss.com/purl/2.3.1/purl.min.js"></script>

<script>
var url = purl();
if (url.attr('host') == 'ihtc.cc') {
    var old_url = url.attr('source');
    var new_url = old_url.replace('ihtc.cc', "ihtcboy.com");
    window.location.replace(new_url); 
}else if (url.attr('host') == 'www.ihtc.cc') {
    var old_url = url.attr('source');
    var new_url = old_url.replace('www.ihtc.cc', "ihtcboy.com");
    window.location.replace(new_url);
}else {
    window.location.href="https://ihtcboy.com";
}
    
</script>

上面js是放在 404.html 里面,当文章访问不通时会显示 404.html 页面,这时就会直接调用js判断域名,然后替换成新域名来访问!

最后实践发现,这个方法可行!!!(当然,有些禁止js运行的浏览器这些人群就被忽略吧,不属于大多数人的世界-.-)

从浏览器访问 www.ihtc.cc/xxxihtc.cc/xxx 的读者,都会被重定向到 ihtcboy.com!

最后旧的Repo就是这样:


img_df9d538d1f87e3e703b72056c2f6bbea.png
image.png

以上全部的配置内容可参考 HeTianCong.github.io

5、总结

刚开始是想放弃,因为经常在谷歌搜索文章里,常常发现404的 There isn't a GitHub Pages site here.,都是怀疑作者域名过期或变更等原因导致,博客又没有搭建自己的后台服务器,就只能不了而之,旧的读者从此就与这个博客网站失联,觉得是有点可惜!

所以,今天的这个文章,希望对愿意写文章,有又变更域名需求的博客同仁来说,希望是一个更好的开始!

6、参考


  • 如有疑问,欢迎在评论区一起讨论!
  • 如有不正确的地方,欢迎指导!


注:本文首发于 iHTCboy's blog,如若转载,请注来源

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章