子比主题美化：全局 B2 风格弹窗提醒美化教程

今天给大家分享一套 B2 简约风弹窗美化方案，直接替换网站所有提示弹窗，自带动态动画、精致图标、柔化阴影，电脑端、移动端全兼容，代码轻量化，不影响网站运行速度，全程操作简单，小白也能一键搞定。

效果预览

代码部署

第一步：全局美化 CSS 添加

登录网站后台 → 子比主题设置 → 自定义样式 → 自定义 CSS，将下方完整 CSS 代码全选复制粘贴至末尾，保存即可。

保存之后，样式部分就已经全部完成，接下来处理核心的 JS 调用代码。

第二步：底部功能代码添加

继续在子比主题设置里，找到自定义底部 HTML代码栏目，粘贴下方代码。

原版使用的是第三方外链 JS，长期使用容易出现链接失效、加载卡顿、加载失败等问题，所以我直接优化修改，全程使用本地 JS 文件，下面附带完整的 JS 本地化操作教程。

代码里的 JS 路径我已经设置为网站根目录/js/message.min.js，只需要把文件上传即可。

第三步：JS 文件本地化教程

为了避免第三方外链失效，杜绝后期弹窗突然失效的问题，建议所有人都使用本地 JS 文件，操作非常简单。

1. 复制下方完整 JS 源码，新建文本文档，粘贴进去；
2. 把文件重命名为：message.min.js；
3. 打开网站服务器 / 宝塔面板，进入网站根目录，新建js文件夹；
4. 将编辑好的message.min.js上传至/js/文件夹内；
5. 检查文件路径是否对应，刷新网站即可生效。

本地 JS 完整源码

如果你的网站文件路径不一样，自行修改代码里的src="/js/message.min.js"路径即可，完全适配自己的目录。

结语

这款 B2 风格弹窗美化，是目前子比主题里兼容性最好、颜值最高的版本之一，搭配本地 JS 部署，永久稳定使用，不用担心外链失效。

日常网站所有交互提示都能统一美化，细节质感直接拉满，喜欢简约美化的朋友，直接复制部署即可。