宝塔面板登录界面美化

## 前言

玩博客的人基本上都会采用宝塔面板来搭建web环境，可是大家会不会觉得宝塔的登陆界面太单调了呢？我们可以给他加一个壁纸让他看起来美观一点。

## 效果

![](https://cdn.back2me.cn/2020/11/13/d932d9f65de65.png)

这里我才用了acg随即壁纸的api，想要使用其他类型的图片可以去看我下面的随机图片api搭建教程，搭建完成后将链接换成你自己的api即可。

<div class="inner-content" >
<p class="inser-title">随机图片api搭建</p>
<div class="inster-summary text-muted">
随机图片api的搭建。
</div>
</div>
</a>

</div>

</div>

## 教程

进入宝塔面板点击文件。进入 `/www/server/panel/BTPanel/templates/default打开login.html`

将下面的代码增加到body标签内即可

```
<style>
    body{
        background-image: url(https://api.vinua.cn/img/acg_1)!important;
    }
    .main .login{
        background-color: rgba(255, 255, 255, 0.8)!important;
    }
</style>
```

可自行更改url括号内的图片地址。

之后使用ssh软件连接服务器，输入BT

再输入序号9，清除面板缓存

![](https://cdn.back2me.cn/2020/11/13/f333adff8bfae.png)

出现done字样即可，将浏览器缓存清除去看看你的宝塔面板吧！

最后修改：2021 年 08 月 15 日