为什么宝塔更新这么快... 总之我是更新完事了。
本美化包是基于宝塔 Linux 面板 7.9.0 免费版制作的面板美化主题。通过覆盖原有静态模板文件,实现对宝塔面板前端的美化。
请注意,本美化包基于宝塔 Linux 面板 7.9.0 免费版制作,对宝塔 Linux 面板 7.9.2 免费版兼容,对其它版本的支持能力未知。
效果展示
安装教程
- 在一切开始之前,请先妥当备份你服务器中的
/www/server/panel/BTPanel
目录。 - 访问我的 Gitee 仓库 或 GitHub 仓库 下载本项目,并解压提取其中的
BTPanel
文件夹。 - 将提取出的
BTPanel
文件夹上传至服务器/www/server/panel
目录 (即覆盖/www/server/panel/BTPanel
文件夹中的同名文件) - 在服务器终端执行
bt 9
命令清除宝塔面板缓存。 - 清除浏览器本地缓存,重新登录宝塔面板即可。
自定义项
你可以通过以下方式,十分轻松地自定义你的主题包效果。
修改宝塔面板背景图片
打开 /www/server/panel/BTPanel/static/css/site.css
,在大约第 12 行 background-image
属性中修改背景图片链接。当然,你也可以在这里选择使用随机图api、背景色代码等,只需填入对应的代码。另外,我也为你准备了一些来自互联网检索的图片备用,详见对应代码下方注释。
修改宝塔面板卡片效果
打开 /www/server/panel/BTPanel/static/css/site.css
,在大约第 38~41 行修改对应的属性参数,具体参数含义详见代码注释。另外,我也为你准备了一些推荐的配置值,详见对应代码下方注释。
修改文件资源管理器卡片效果
打开 /www/server/panel/BTPanel/static/css/files_style.min.css
,在大约第 11~13 行修改对应的属性参数,具体参数含义详见代码注释。另外,我也为你准备了一些推荐的配置值,详见对应代码下方注释。
修改登录页背景图片
打开 /www/server/panel/BTPanel/static/css/login.css
,在大约第 14 行 background
属性中修改背景图片链接。当然,你也可以在这里选择使用随机图api、背景色代码等,只需填入对应的代码。另外,我也为你准备了一些来自互联网检索的图片备用,详见对应代码下方注释。
修改登录控件位置
打开 /www/server/panel/BTPanel/static/css/login.css
,在大约第 41 行 left
属性中修改登录控件的水平偏移量。50% 表示居中,推荐不超过 30% ~ 70%。
故障处理
恢复原版面板
如果安装本主题导致你的宝塔面板出现故障,你可以使用以下方法之一修复到官方版本的主题。
- 在面板首页,点击右上角“修复”按钮,之后清除浏览器本地缓存,重新登录宝塔面板。
- 在服务器终端执行
bt 16
命令,之后清除浏览器本地缓存,重新登录宝塔面板。 - 使用你安装本主题时备份的
/www/server/panel/BTPanel
目录直接覆盖,之后清除浏览器本地缓存,重新登录宝塔面板。
关于 JsdelivrCDN
本主题包中的背景图片使用了 JsdelivrCDN 从外部加载。你不必过于担心 JsdelivrCDN 在国内的连接稳定性问题,因为一般浏览器均会存在本地缓存,在大多数浏览器的默认设置下,这些背景图片通常每30日才会从 JsdelivrCDN 加载一次。如果你仍需要更快的加载速度,你可以:
- 按照上文中的教程将背景替换为自备的图片链接
- 访问 https://cdn.jsdelivr.net/gh/Vincy1230/BTPanel-beautification@master/background/ 并下载其中的图片,转存到你自备的位置,按照上文中的教程替换背景图片链接。
更新内容
相较于 Lazy 修改版,本版本新增以下特性:
- 并入宝塔面板新增内容,并对卡片效果和背景图片进一步调整。
- 优化代码结构,在提高加载速度的同时方便用户进一步自定义。
- 优化部分图标,提高图片对比度,修复png图标透明度问题。
- 修复部分元素配色不清晰、输入框背景色异常等问题,修复前版本美化包bug。
- 修复文件管理器右键菜单在部分内核浏览器上显示错位的问题。
- 全新的登录页面美化。
相较于 上一版美化包,本版本新增以下特性:
- 并入宝塔面板 7.9.0 新增内容。
- 新增登录控件位置自定义功能。
- 新增大量备选的背景图片。
壁纸获取
你可以前往 https://cdn.jsdelivr.net/gh/Vincy1230/BTPanel-beautification@master/background/ 挑选本美化包附带的默认壁纸图片。这些壁纸均经过良好的挑选、裁剪和压缩,确保其适合搭配本美化包使用。
你可以前往 https://cdn.jsdelivr.net/gh/Vincy1230/BTPanel-beautification@master/background/4K/ 获取本美化包默认背景图片的 4K 超清版本。
所有背景图片均来自互联网检索。
历史版本
- [宝塔面板] v7.8.0 面板主题美化包 – 云昔的小站 (blog.vincy1230.net)
- [宝塔面板] v7.7.0 面板主题美化包 – 云昔的小站 (blog.vincy1230.net)
特别鸣谢
本主题修改自 [宝塔主题] 洛天依(秋),在此特别鸣谢原版作者 Lazy。
同时感谢 维安雨轩 的文章 宝塔Linux面板主题 给予的创作灵感。
Comments 41 条评论
博主 Vincy云昔
有没有一起维护的大佬
开学了,我要累死了
博主 Lazy
@Vincy云昔 我来接手了(bushi
博主 Vincy云昔
@Lazy
博主 小蔡不菜
加油!你是最棒的!不要灰心!
博主 Vincy云昔
@小蔡不菜 好 耶 ~
博主 天启之云official
宝塔面板背景更改不了
博主 Vincy云昔
@天启之云official 我这边是完全正常的
你看看是不是哪里搞错了
博主 泠风寒声
宝塔美化没啥用(就是懒?(主要是简洁,毕竟是服务器
博主 Vincy云昔
@泠风寒声 对对对,
博主 Pure_Sky
替换完BTPanel/后启动Bt-Panel进程时报错failed
但也没写报错内容(
将原版的BTPanel替换回来后正常启动
博主 Vincy云昔
@Pure_Sky 理论上说,美化包替换的都是
BTPanel/
中的前端非脚本文件,我有在刻意避免美化包中存在可能影响面板服务的关键文件。应该不会出现报错的问题请检查:你的宝塔面板版本是否对应?替换之后是否执行了
bt 9
命令刷新缓存?你的服务器是否存在文件验证等其他功能?另外,所谓『替换』是指直接粘贴文件夹以覆盖其中的部分文件,并不是删除旧文件夹再置入美化包。
博主 salen_
bt更新完还会自己恢复吧
博主 Vincy云昔
@salen_ 是的。
宝塔面板本身不具备加载美化资源的能力,这个美化包的本质是覆盖宝塔的文件,所以只能用于特定的对应版本。
如果更新的话,我也会同步推出美化包版本的(如果不咕咕的话)
博主 xudashu
博客好好看啊,有源代码吗小姐姐
博主 Vincy云昔
@xudashu 热知识:框架是WordPress,主题是Sakurairo,配合宝塔面板可以实现零代码部署。
冷知识:我是男的。
博主 梦梦鸭
我在评论区养了一只猫猫,路过的朋友可以摸摸它
__
/> フ
| l
/` ミ_xノ
/ |
/ ヽ ノ
│ | | |
/ ̄| | | |
| ( ̄ヽ_ヽ)__)
\二つ
博主 Vincy云昔
@梦梦鸭 啊这…
博主 Wapriaily
(〜 ̄△ ̄)〜
博主 Vincy云昔
@Wapriaily ╰( ̄ω ̄o)
博主 无聊の人
阿里二次测试
博主 Vincy云昔
@无聊の人 这次应该通了
博主 选择真的真的真的很重要
勤勤恳恳的博主 厉害了
博主 Vincy云昔
@选择真的真的真的很重要 好耶
博主 怎么也回不去的糖糖
大佬真勤快,像我就这么懒了
博主 Vincy云昔
@怎么也回不去的糖糖 哈哈哈谢谢夸奖~
博主 怎么也回不去的糖糖
希望大佬越做越好
博主 Vincy云昔
@怎么也回不去的糖糖 谢谢宁!一定会的!(●’◡’●)
博主 …?
宝藏男孩?
博主 Vincy云昔
@...? 哮死,我不是
博主 111
为什么不显示图片,一片黑
博主 Vincy云昔
@111 这是单纯的网络问题,我在文中 有写 建议先仔细看看。
Jsdelivr 在中国大陆的可用性越来越差了,你只需要把图片链接换成自己的就可以解决如上问题,这些事情,包括具体操作文中都有说到。
博主 rantrism
您好~我是腾讯云开发者社区运营,关注了您分享的技术文章,觉得内容很棒,我们诚挚邀请您加入腾讯云自媒体分享计划。完整福利和申请地址请见:https://cloud.tencent.com/developer/support-plan
作者申请此计划后将作者的文章进行搬迁同步到社区的专栏下,你只需要简单填写一下表单申请即可,我们会给作者提供包括流量、云服务器等,另外还有些周边礼物。
博主 Vincy云昔
@rantrism 我并不感兴趣,但是我可以把你挂在这里曝尸?
博主 AsaFuruha
可惜现在最新版已经用不了了,也不是催更但是博主如果有空可以更新下)
博主 Vincy云昔
@AsaFuruha 喵,收到催更了,不说都忘了(((
博主 nano
诶嘿
博主 Vincy云昔
@nano nya~
博主 花崎未咲
值得注意的是宝塔最近改登录界面加密相对频繁,尽管是我懒得更新
博主 Vincy云昔
@花崎未咲 我的我也早就没更了,7.9.2以后没时间了
博主 mitoop
宝塔发布8.0了 大佬要来一发新版吗 :dog
博主 Vincy云昔
@mitoop 好哦,等闲下来我打算推翻重构