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

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就是这样:


image.png

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

5、总结

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

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

6、参考


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


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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 167,456评论 24 706
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 131,788评论 18 138
  • 转载http://www.cnblogs.com/bxm0927/p/6927340.html 大概流程: 1. ...
    阿de牧阅读 6,514评论 3 33
  • 昭君出塞 汉元帝时代,国内政治、经济开始走下坡路,但对外关系却机缘巧合地获得了相当大的成果。事情的起源是匈奴衰弱,...
    赤军阅读 1,036评论 0 4
  • 今天在公交车上正听着歌,无意间扭头就看到一个女生,你都不知道有多像你,然后我就故意的跟朋友聊天,可还是激动成狗,...
    岁月长衣裳不薄阅读 230评论 0 1
  • 【澎湃】科技乐观主义该歇了? 近日,美国著名经济学家、自由经济学派代表保罗·克鲁格曼在《纽约时报》发文,评论另一位...
    熊心猫阅读 394评论 0 0