前言

嗯对,爷不是换域名了吗 xiaolfeng.cn 。告别了 .xyz 的国际域名,转向 .cn 国内域名。
至于我为什么换域名呢,可能是因为 .cn.xyz 高级(可能只是在国内是这样,国际上不一定)
反正我认为就行了,这是我的Blog~

那么我原来的域名也并不是马上到期了,起码也要到2021-04-07才到期。然后又有很多博客的有脸和访问用户还是记我 .xyz 域名。
所以只好手动做一个301跳转啦。

还有我重新部署了xiaolfeng.xyz的证书,不会出现不安全现象啦~

代码如下

其实我并不是直接Nginx设置301跳转,虽然这样没啥问题,但是我想还是要一个等待界面,比较像有博客那种样子/doge

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
<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>

站点演示

恭喜看完我水一篇文章