宝塔面板超级美化(登录页+后台)

简介: 宝塔面板超级美化(登录页+后台)

前言


宝塔面板一般情况下不需要使用模板。然而,随着时间的推移,我开始想要改变一下面板的风格,于是我尝试了很多模板,但大多数都只能改变背景图片而已。虽然我找到了几个满意的模板,但它们要么只支持旧版本,要么需要付费。为了保证服务器的安全性和方便审计代码,我只修改了css和js文件,并且在打包时只打包了我修改过的文件。由于我的技术精力有限,还有一些细节问题没有处理好,我会在以后慢慢更新。


注意事项


安装前备份 /www/server/panel/BTPanel 下的文件,如宝塔无法正常使用,执行以下操作

• 3.x/4.x/5.x 版本输入
• wget -O update.sh http://download.bt.cn/install/update.sh && sh update.sh
• 6.x/7.x 版本输入
• curl http://download.bt.cn/install/update6.sh|bash

 

 

步骤一

• 1.美化后台及登陆页
• wget -O gitee-panel.zip https://cdn.nuoyo.cn/blog/bt-beautify/gitee-panel.zip && unzip -o gitee-panel.zip -d /www/server/ && /etc/init.d/bt restart

步骤二

再次美化后台

宝塔linux面板7.9.10主题

wget -O btpanel_theme.zip https://cdn.nuoyo.cn/blog/bt-beautify/BTPanel_theme_linux_7910.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

宝塔linux面板7.9.9主题

wget -O btpanel_theme.zip https://cdn.nuoyo.cn/blog/bt-beautify/BTPanel_theme_linux_799.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

宝塔linux面板7.9.8主题

wget -O btpanel_theme.zip https://cdn.nuoyo.cn/blog/bt-beautify/BTPanel_theme_linux_798.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

宝塔linux面板7.7.0主题

wget -O btpanel_theme.zip https://cdn.nuoyo.cn/blog/bt-beautify/BTPanel_theme_linux_770.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

宝塔linux面板7.6.0主题

wget -O btpanel_theme.zip https://cdn.nuoyo.cn/blog/bt-beautify/BTPanel_theme_linux_760.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

 

替换主页Logo及Ico图标


Logo图标位置:

/www/server/panel/BTPanel/static/images/bt_logo_new.png

自用图标:https://cdn.nuoyo.cn/blog/bt-beautify/bt_logo_new.png

ICO图标位置:

/www/server/panel/BTPanel/static/favicon.ico

自用图标:https://cdn.nuoyo.cn/blog/bt-beautify/favicon.ico


展示


image.pngimage.png

相关实践学习
Serverless极速搭建Hexo博客
本场景介绍如何使用阿里云函数计算服务命令行工具快速搭建一个Hexo博客。
目录
相关文章
|
编解码 前端开发 JavaScript
初做后台界面要注意哪些问题
平时由于项目时间紧张,往往没有多的时间去设计后台界面,刚好开年这段时间没有什么事情,老大让我们基于Element的规范制作一套通用的模板,来满足日常的需要,让工程师自己就可以根据模板规范搭建出还不错的界面效果,但是平时很少设计后台界面同时对于Element也不太熟悉,具体该如何下手呢?下面我主要从三个方面来进行。
初做后台界面要注意哪些问题
|
1月前
|
存储 监控 前端开发
如何修改网站后台登录
如何修改网站后台登录
|
1月前
登陆页面模板
登陆页面模板
13 0
HTML+CSS 实现带轮播图的企业官网页面(记得收藏)
HTML+CSS 实现带轮播图的企业官网页面(记得收藏)
|
4月前
|
安全 应用服务中间件 网络安全
宝塔面板网站页面出现403错误怎么办?
用宝塔面板安装搭建WordPress或者其它程序网站,经常会遇到建好了网站,然后网站页面出现403错误。本文详细说明如何解决这个问题。并帮你分析这个错误出现的原因。 你的服务器 403 Forbidden nginx这通常是由于文件或目录的权限设置不正确造成的。 解决办法是检查文件或目录的权限设置,确保Nginx服务器有访问权限。 站点访问权限通常为www用户组的。
413 5
宝塔面板网站页面出现403错误怎么办?
|
5月前
|
搜索推荐
discuz未登录情况下首页tdk显示“首页”
discuz未登录情况下首页tdk显示“首页”
29 1
discuz未登录情况下首页tdk显示“首页”
|
4月前
|
JSON 小程序 JavaScript
【微信小程序-原生开发】TDesign 实战模板——账号密码登录页(含密码显示隐藏的技巧)
【微信小程序-原生开发】TDesign 实战模板——账号密码登录页(含密码显示隐藏的技巧)
131 0
|
前端开发 JavaScript
HTML+CSS+JS 实现一个漂亮的登陆页面
HTML+CSS+JS 实现一个漂亮的登陆页面
493 1
HTML+CSS+JS 实现一个漂亮的登陆页面
|
小程序
小程序酷炫3D登录页源码(泥陶态)
小程序酷炫3D登录页源码(泥陶态)
91 1
uniapp登陆页面功能
uniapp登陆页面功能
175 0