前言
嗯对，爷不是换域名了吗 xiaolfeng.cn 。告别了 .xyz 的国际域名，转向 .cn 国内域名。 至于我为什么换域名呢，可能是因为 .cn 比 .xyz 高级（可能只是在国内是这样，国际上不一定） 反正我认为就行了，这是我的Blog~
那么我原来的域名也并不是马上到期了，起码也要到2021-04-07才到期。然后又有很多博客的有脸和访问用户还是记我 .xyz 域名。 所以只好手动做一个301跳转啦。
还有我重新部署了xiaolfeng.xyz的证书，不会出现不安全现象啦~
代码如下
其实我并不是直接Nginx设置301跳转，虽然这样没啥问题，但是我想还是要一个等待界面，比较像有博客那种样子/doge
代码语言：javascript复制<html>
<head>
<title>凌中的锋雨|换域名啦~</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zdhxiong/mdui/dist/css/mdui.min.css">
<script src="https://cdn.jsdelivr.net/gh/zdhxiong/mdui/dist/js/mdui.min.js"></script>
</head>
<body>
<style>
.seirin-card {
width: 300px;
height: 320px;
margin: 50px auto;
}
.seirin-card-pic {
width: 300px;
height: 200px;
background-image: url("https://cdn.jsdelivr.net/gh/XiaoLFeng/Blog_Things@master/Pixiv/2020-08-16/57086640_p2.jpg");
background-repeat: no-repeat;
background-size: 100%;
}
</style>
<script>
url = "https://www.xiaolfeng.cn/";
console.log(url);
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i = 0; i < vars.length; i ) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
return (false);
}
</script>
<div class="mdui-card seirin-card">
<div class="seirin-card-pic"/>
<!--Pixiv: 65309723-->
</div>
<div class="mdui-progress">
<div class="mdui-progress-determinate mdui-color-pink-accent" style="width: 30%;" id="progress"></div>
</div>
<div class="mdui-typo mdui-text-center">
<div class="mdui-typo-title" style="margin-top:10px;color: dodgerblue;">更换域名啦~</div>
<a style="font-size: 30px;" id="jumpa">www.xiaolfeng.cn</a>
</div>
<script>
var progress = document.getElementById("progress");
var countDown = 100;
document.getElementById("jumpa").href = url;
function updateElement() {
countDown--;
progress.style.width = ((100 - countDown)).toString() "%";
if (countDown == 0) {
clearInterval(interval);
window.location.replace(url);
}
}
updateElement();
var interval = setInterval(function () {
updateElement()
}, 50);
</script>
</body>站点演示
成就
恭喜看完我水一篇文章
