看看跳转前后的对比:
博客地址:https://blog.csdn.net/sinat_40471574
跳转后的:http://blog.windfamily.cn
要实现这个功能首先你得有服务器和域名。
现在说一下具体实现的步骤:
一、跳转代码(HTML & JS):
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Blog</title>
</head>
<body>
<script>
window.location.href="https://blog.csdn.net/sinat_40471574";
</script>
</body>
</html>
二、 添加域名解析记录:
1. 登录腾讯云-->点击左上角 总览-->点击 云解析 图标。
2. 如下图:点击解析-->添加记录-->主机记录写你要的二级域名,记录值为你的主机公网ip,其它和之前的记录一样,保存即可。
如果之前建过站这些操作应该没问题,腾讯云上的提示也很详细,不会的话可以看一下腾讯云提供的教程。
三、 服务器配置:
我用的是Xshell和Xftp,加上我对linux操作不是很熟悉,所以来一种简单粗暴的方法。
1. 用Xshell登录服务器,打开Xftp,找到/etc/nginx/nginx.conf文件,拖到桌面,用notepad打开,检查一下有没有这句话,我的文件里是在第36行,没有就补上。当然,这只是为了后续在不修改nginx配置文件的情况下进行操作,如果不这么做直接写在这个文件里也行。
2. 在/etc/nginx/conf.d文件夹里新建一个文件,比如blog.conf,文件内容如下:
server {
listen 80;
server_name blog.windfamily.cn; //域名
location / {
root /usr/share/nginx/html/blog; //放html文件的地方
index index.html; //首页的名字
}
error_page 500 502 503 504 /50x.html;
location = /50x.html {
root /usr/share/nginx/html;
}
}
3. 把HTML代码写到一个html文件里,命名为index.html,然后复制到上述代码所示的/usr/share/nginx/html/blog文件夹里。
4. 检查nginx配置是否报错:nginx -t
重启nginx:service nginx restart
OK,所有操作全部完成。