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,如若转载,请注来源

相关实践学习
基于函数计算快速搭建Hexo博客系统
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
目录
相关文章
|
3月前
设置博客域名跳转实现方案(免费版)
设置博客域名跳转实现方案(免费版)
42 1
|
2月前
|
移动开发 运维 小程序
【4月开发者日回顾】小程序审核驳回增加页面截图;H5域名白名单的配置将实时生效……
【4月开发者日回顾】小程序审核驳回增加页面截图;H5域名白名单的配置将实时生效……
48 0
|
22天前
|
存储 缓存 负载均衡
阿里云DNS常见问题之域名DNS跳转有问题如何解决
阿里云DNS(Domain Name System)服务是一个高可用和可扩展的云端DNS服务,用于将域名转换为IP地址,从而让用户能够通过域名访问云端资源。以下是一些关于阿里云DNS服务的常见问题合集:
正则表达式获取一串网址的域名段代码
正则表达式获取一串网址的域名段代码
【教程】加速访问和下载github项目,原来替换一个域名就可以加速了
【教程】加速访问和下载github项目,原来替换一个域名就可以加速了
|
3月前
|
存储
github pages 部署单页面
github pages 部署单页面
50 0
|
4月前
|
前端开发 数据安全/隐私保护 开发者
使用 CSS 的仿 GitHub 登录页面
使用 CSS 的仿 GitHub 登录页面
59 0
|
5月前
|
开发工具 数据安全/隐私保护 git
在github上面的项目生成一个网址可以访问
在github上面的项目生成一个网址可以访问
55 0
|
7月前
Github Pages自定义域名
Github Pages自定义域名
|
8月前
|
Apache
Apache域名跳转----配置rewrite模块
Apache域名跳转----配置rewrite模块
242 0