301跳转

前言

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

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

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

代码如下

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

<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://gh.akass.cn/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>