宝塔面板主题美化-告别千篇一律

宝塔面板用的人应该非常多了，但是基本都是一个样子，有么有想过，给宝塔面板换个主题？

这篇文章就来分享一下如何给宝塔面板安装一个新主题，设置一个好看的背景以及其他的一些细节设置。

一：宝塔的主题文件

宝塔的主题文件路径：/www/server/panel如图：

templates和static就是宝塔的主题文件的目录。如果你要修改就修改这里的文件即可。

二：下载主题文件

自己去做一套主题出来，额，费时费力，估计很多人也不会。那么，很好，有人已经做好了主题，我们只要下载过来就可以了。下载地址如下：

链接: https://pan.baidu.com/s/1vo5aeM34j68z2BN4LIxnqg

[wechat key=1414 reply=宝塔主题]提取码: tmie[/wechat]

下载与否请自己甄别，不要在生产环境安装主题，可以在自己的测试机上愉快的玩耍！至于下载，没必要下载到本地，可以利用宝塔面板的远程下载直接下载到服务器上。

三：安装主题

下载好的主题，就可以安装了，如何安装？

1. 解压覆盖到/www/server/panel/BTPanel/
2. 进入SSH，输入bt，选择9，清空面板缓存
3. 清空浏览器缓存
4. 刷新浏览器即可

注意：宝塔首页的重启面板也可以更新宝塔缓存。

四：效果欣赏

登录页面：

面板首页：

可以自己选择好看的背景图来设置，这样效果就不一样了。

五：背景图修改

如何修改面板首页背景图呢，路径：/www/server/panel/BTPanel/templates/default

我们在里面找到：layout.html，修改：41行。[reply]

<!--背景图片 【如有需要请修改url】--><div style="z-index: -3;    width: 100%;    height: 100%;    position: fixed;    min-height: 475px;    background-image: url(https://assets.baklib.com/1574607536845-BerlinerMauerFall_ZH-CN1154604596_1920x1080.jpg);    background-repeat: no-repeat;    background-size: cover;"></div>

修改登录页面背景图：路径：/www/server/panel/BTPanel/templates/default

找到文件：login.html，修改23行。

<div style="    z-index: -3;    width: 100%;    height: 100%;    position: fixed;    min-height: 475px;    background-image: url(https://assets.baklib.com/1574587538983-1.jpg);    background-repeat: no-repeat;    background-size: cover;"></div>

只要把url修改即可。当然还有一些其他细节的修改，比如说重启面板这几个字体你看不到了，那我们可以额这样修改。[/reply]

至于其他的细节就自己去微调吧。

六：小结

这套主题适合有点css基础的人玩爽，如果萌新小白就放弃吧。改来改去的很麻烦。大鸟对这套主题稍微改动了下，喜欢的可以下载。再次强调这个东东，只适合来玩爽，不要在生产环境里测试。就在你吃灰的服务器里面玩玩就可以了。

宝塔主题来源：https://blog.imlazy.ink:233/index.php/archives/38/