建站教程 页面跳转监控网站

本文将介绍如何利用 javascipt 脚本跳转页面。

一、问题

UptimeRobot 是一个十分好用的监控服务平台，但近日在使用它的监控页产品时遇到了一个严重的问题：在 UptimeRobot 处绑定自定义域名，并在 DNS 平台正确设置 CNAME 解析，却始终无法通过自定义域名访问其监控页。可能是小众后缀的域名受到了显示，可能是平台处出现了错误，但这个问题始终无法得到解决。

几种方案：

  • CNAME：因 UptimeRobot 端的问题，无法成功。

  • 301跳转：DNSPOD 要求跳转双方域名均备案，国外的 DNS 服务尝试后速度无法达到预期。

  • js 跳转：一个 html 页面就可以实现，并且部署于 Vercel 速度也很不错。

​

二、步骤

1.创建 Github 仓库

若要使用 Github pages 服务，请将仓库设为公开。

2.克隆至本地

在本地文件夹处，打开 CMD ，输入：

1
git clone 仓库url地址

3.设置跳转页

新建文件 index.html，用记事本打开，输入代码如下：

(1) 显示跳转后链接

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!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="目标页面";
    </script>
</html>

请自行修改目标页面为你要跳转的网页

(2) 显示跳转前链接

1
2
3
4
5
6
7
8
9
10
11
12
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>页面名称</title>
<frameset framespacing="0" border="0" rows="0" frameborder="0">
<frame name="main" src="目标页面" scrolling="auto" noresize>
</frameset> 
</head> 
<body>
<a href="目标页面">页面名称</a> (注：此行可要可不要，但实际测试中不要会报错） 
</body>
 </html>

请自行修改页面名称和目标页面

4.上传至 Github

1
git add .&&git commit -m "提交"&&git push origin master

5.部署至云端

(1) Github

打开 Github Pages 服务，绑定域名，修改 DNS 解析。

(2) Vercel

导入 Github 仓库，部署至云端，绑定域名，修改 DNS 解析。

​

参考