选择一个好看的弹窗

首先，你既然要弹窗，就要好看，而不是JavaScript里的alert()函数，在洛谷上做题的时候，看到“提交成功”的弹窗还比较好看，就查找了一下来源（详情），然后选定了这个，感觉还不错。

获取JavaScript和CSS文件

我们需要将sweetalert.js和sweetalert.css放到自己博客下，防止CDN炸裂导致的错误：

新建JavaScript文件

在博客根目录往下找到\themes\next\source\js文件夹，新建sweetalert.js，文件内容请看这里，觉得复制麻烦的可以直接按Crtl+S进行保存。

新建CSS文件

在博客根目录往下找到\themes\next\source\css文件夹，新建sweetalert.css，文件内容请看这里。

保存完后的结构如下：

引入到主题中

打开\themes\next\layout\_layout.swig，在<head>标签内插入以下语句：

1 2	<script src="/js/sweetalert.js"></script> <link rel="stylesheet" href="/css/sweetalert.css">

这样就完成了引入。

自动弹窗

在博客根目录往下找到\themes\next\source\js文件夹，新建welcome.js：

function welcome(){
    let welcome_text = '欢迎光顾本蒟蒻的小窝~'
    if(document.referrer!==''){
        let referrer=document.referrer.split("/")[2];
        welcome_text="欢迎你，来自"+referrer.toUpperCase()+"的用户！";//获取用户来源域名
    }
    swal({
        title: " 欢迎！",
        text: welcome_text+'\n打开页面下方音乐以获得更佳体验！',//欢迎文本，可自行修改
        imageUrl: "/images/avatar.jpg",//图片，自行修改位置
        timer: 3000,//弹出时间
        showConfirmButton: false
    });
}
$(document).ready(()=>{//若未引用JQuery，请引用
    welcome()
})

这样，就大功告成了。

Q&A

Q:为什么要开Pjax？
A:Pjax局部刷新技术不会导致每进一个页面就弹出一次窗口，而且对于我来说还有其他特别的用处~当然你也可以判定一下是不是弹过了（通过Cookies），诸如此类。
Q:不会开Pjax怎么办？
A:自行百度，以后会专门出一篇博客。