- 宝塔面板美化 2023-05-13T15:20:00+08:00 Typecho https://www.baota.me/feed/atom/tag/beautify.html <![CDATA[【原创】新蓝白配色清新简约宝塔面板模板美化主题]]> https://www.baota.me/post-233.html 2023-05-13T15:20:00+08:00 2023-05-13T15:20:00+08:00 gacjie https://www.baota.me 宝塔面板都是自己看的，一般不太需要使用模板。
但时间久了，就想换换风格，找了好多基本都是改背景图片那种。
也找到几个满意的无奈只支持旧版本，要么就是收费的。
考虑到服务器安全，方便审计代码，只修改了css、js文件，打包时只打包了改过的文件。
技术精力有限，有些细节问题未处理，后续慢慢更新吧。
目前linux、windows、aapanel的常用版本全都制作了，以方便用户使用。

演示图片

home.jpg
site.jpg
soft.jpg
firewall.jpg
control.jpg

相关文章

宝塔面板历史版本升级（降级）方法

命令行安装（不支持win版，win版用户请看下方图文教程）

宝塔linux面板7.9.10主题

wget -O btpanel_theme.zip https://down.baota.me/project/bt_panel/theme/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://down.baota.me/project/bt_panel/theme/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://down.baota.me/project/bt_panel/theme/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://down.baota.me/project/bt_panel/theme/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://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_760.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

宝塔海外aapanel6.8.27版主题

wget -O btpanel_theme.zip https://down.baota.me/project/aapanel/theme/BTPanel_theme_aapanel_6827.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

最后还需要手动清理浏览器缓存

下载地址 【图文详细安装方法】

{cloud title="宝塔Linux面板7.9.10版本" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_7910.zip" password=""/}
{cloud title="宝塔Linux面板7.9.9版本" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_799.zip" password=""/}
{cloud title="宝塔Linux面板7.9.8版本" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_798.zip" password=""/}
{cloud title="宝塔Linux面板7.7.0版本" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_770.zip" password=""/}
{cloud title="宝塔Linux面板7.6.0版本" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_linux_760.zip" password=""/}
{cloud title="宝塔海外aapanel6.8.27版主题" type="default" url="https://down.baota.me/project/aapanel/theme/BTPanel_theme_aapanel_6827.zip" password=""/}
{cloud title="宝塔windows面板7.8.0版主题" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_windows_780.zip" password=""/}
{cloud title="宝塔windows面板7.2.0版主题" type="default" url="https://down.baota.me/project/bt_panel/theme/BTPanel_theme_windows_720.zip" password=""/}

更新日志

2023-5-12
更新7.9.10资源包
2023-3-4
重构文件结构，统一安装方法。
2023-3-1
aapanel_6.8.27初始版本发布
windows_780初始版本发布
windows_720初始版本发布
2023-2-28
linux_798初始版本发布
linux_760初始版本发布
2023-2-27
linux_770初始版本发布

借鉴致谢

由于前端比较菜，一直没有思路，所以百度了别人的一些项目用作参考，感谢各位大佬提供的思路。
https://blog.csdn.net/qq_26373925/article/details/118830692
https://gitee.com/zkui/btpanel-theme
https://blog.imlazy.ink:233/index.php/archives/382/

]]> <![CDATA[【原创】暗黑配色宝塔面板模板美化主题]]> https://www.baota.me/post-363.html 2023-05-13T00:50:00+08:00 2023-05-13T00:50:00+08:00 gacjie https://www.baota.me 暗黑风格的宝塔面板主题，目前不完善，很多细节问题没处理好。

演示图片

360截图20230513004204055.jpg
360截图20230513004302282.jpg
3.jpg
4.jpg

相关文章

宝塔面板历史版本升级（降级）方法

命令行安装（不支持win版，win版用户请看下方图文教程）

宝塔linux面板7.9.10主题

wget -O btpanel_theme.zip https://www.baota.me/script/btpanel_theme/BTPanel_theme_linux_dark_7910.zip && unzip -o btpanel_theme.zip -d /www/server/ && /etc/init.d/bt restart

最后还需要手动清理浏览器缓存

下载地址 【图文详细安装方法】

]]> <![CDATA[简易宝塔防火墙拦截页面代码]]> https://www.baota.me/post-228.html 2023-02-27T23:05:00+08:00 2023-02-27T23:05:00+08:00 gacjie https://www.baota.me fanghuoqiang.png

修改方法

宝塔防火墙拦截页面修改教程

防火墙代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>请求不被许可</title>
    <style type="text/css">
        <!--
        body {margin: 0px; padding:0px; font-family:"微软雅黑", Arial, "Trebuchet MS", Verdana, Georgia,Baskerville,Palatino,Times; font-size:16px;}
        div{margin-left:auto; margin-right:auto;}
        a {text-decoration: none; color: #1064A0;}
        a:hover {color: #0078D2;cursor: pointer}
        img { border:none; }
        h1,h2,h3,h4 {
            /*    display:block;*/
            margin:0;
            font-weight:normal;
            font-family: "微软雅黑", Arial, "Trebuchet MS", Helvetica, Verdana ;
        }
        h1{font-size:44px; color:#0188DE; padding:20px 0px 10px 0px;}
        h2{color:#0188DE; font-size:16px; padding:10px 0px 40px 0px;}
        #wrapper{width:100%;}
        #page{width:910px; padding:20px 20px 40px 20px; margin-top:80px;}
 
        .button{width:180px; height:28px; margin-left:0px; margin-top:10px; background:#009CFF; border-bottom:4px solid #0188DE; text-align:center;}
        .button a{width:180px; height:28px; display:block; font-size:14px; color:#fff; }
        .button a:hover{ background:#5BBFFF;}
 
        a.apply-btn {
            display: inline-block;
            width: 200px;
            height: 50px;
            line-height: 50px;
            background: #0188DE;
            font-size: 20px;
            color: #cdfff7;
            text-align: center;
        }
        .detail-info{
            padding: 10px 0;
            border: 1px solid red;
            height: auto;
            width: 400px;
            position: absolute;
            left: 0;
            top:21px;
            background: #fff;
            border-radius: 3px;
            display: none;
        }
        .active .detail-info{
            display: block;
        }
        .msg-item{
            padding:0 20px;
            line-height: 26px;
            font-size: 14px;
            color:#000;
        }
        .msg-item label{
            float:left;
            height: 26px;
            line-height: 26px;
            width:100px;
            text-align: right;
        }
        .msg-item div{
            overflow: hidden;
            line-height: 26px;
            word-wrap: break-word;
            word-break: break-all;
        }
        -->
    </style></head>
 
<body>
<script src="https://pv.sohu.com/cityjson?ie=utf-8"></script> 
<div id="wrapper">
    <div id="page" style="border-style:dashed; border-color:#e4e4e4; line-height:30px;  no-repeat right 130px;">
        <h1 style="text-align: center;">很抱歉, 您的操作被防火墙拦截！</h1>
        <h2 style="text-align: center;">Sorry, Do not do it. </h2>
        <p style="text-align: center;">
         <font color="green">您的IP地址已被记录：</font>
         <font color="red">
         <script type="text/javascript"> 
    document.write(returnCitySN["cip"]  + ', 地区:' + returnCitySN["cname"]+",浏览器版本:"+getBrowserInfo());
     
    function getBrowserInfo()
{
  var agent = navigator.userAgent.toLowerCase() ;
 
  var regStr_ie = /msie [\d.]+;/gi ;
  var regStr_ff = /firefox\/[\d.]+/gi
  var regStr_chrome = /chrome\/[\d.]+/gi ;
  var regStr_saf = /safari\/[\d.]+/gi ;
   
  //IE
  if(agent.indexOf("msie") > 0)
  {
    return agent.match(regStr_ie) ;
  }
 
  //firefox
  if(agent.indexOf("firefox") > 0)
  {
    return agent.match(regStr_ff) ;
  }
 
  //Chrome
  if(agent.indexOf("chrome") > 0)
  {
    return agent.match(regStr_chrome) ;
  }
 
  //Safari
  if(agent.indexOf("safari") > 0 && agent.indexOf("chrome") < 0)
  {
    return agent.match(regStr_saf) ;
  }
 
}
  </script></font></p>
    </div>
 
 
</div>
</body>
</html>
]]> <![CDATA[宝塔面板美化主题模版，以蓝白配色为主的清新感]]> https://www.baota.me/post-226.html 2023-02-27T20:13:00+08:00 2023-02-27T20:13:00+08:00 gacjie https://www.baota.me 原来的宝塔面板样式不是很好看（绿油油，还有点老气），于是Pure-Peace基于linux面板7.6.0弄了套主题
主要还是修改/www/server/panel/BTPanel目录下的html及css，__init__.py仅修改了默认Error的html。

效果图片

20210716231247494.png
20210716231247465.png
20210716231247371.png
20210716231247418.png
20210716231247419.png
20210716231247425.png

下载地址 【图文详细安装方法】

{cloud title="customBT_宝塔linux面板7.6.0" type="lz" url="https://gacjie.lanzoue.com/ikRfw0p89nri" password="cbbq"/}

原文链接

https://blog.csdn.net/qq_26373925/article/details/118830692

]]> <![CDATA[宝塔防火墙拦截页面修改教程]]> https://www.baota.me/post-219.html 2023-02-27T20:08:00+08:00 2023-02-27T20:08:00+08:00 gacjie https://www.baota.me 宝塔防火墙拦截页面辨识度还是很高的，更换宝塔防火墙页面模板可以迷惑攻击者，可减少或者避免攻击者知道你使用的宝塔面板，利用宝塔的漏洞攻击你的几率。因此建议有条件的自行设计个拦截页面。
waf.jpg

相关文章

修改方法

打开防火墙插件 - 全局设置 - 找到响应内容
360截图20230227200459190.jpg
然后修改内容即可
wafe.jpg

]]> <![CDATA[宝塔面板主题汉化资源详细使用教程]]> https://www.baota.me/post-270.html 2023-01-01T15:29:00+08:00 2023-01-01T15:29:00+08:00 gacjie https://www.baota.me 宝塔面板目前没有完善的主题、语言包功能，因此资源均采用覆盖的方式使用。
使用前请确保面板版本与资源包版本一致，新版本没有资源可以使用 降级版本 的方式使用。
原创资源均采用只修改少量静态文件的方式，可兼容非UI更新的新版本面板，需要自行分辨。

资源安装目录说明（后续教程以linux面板模板资源为例）

linux版安装目录（linux面板 aapanel等）：
/www/server
windows版安装目录（盘符以C盘为例，其他盘符自行修改）：
C:\BtSoft\

下载资源包上传到安装目录

20230304161633113.jpg

解压资源包

20230304161732647.jpg

重启面板

20230305211525704.jpg

退出面板

20230305212234053.jpg

清理浏览器缓存（不同浏览器清理方法不一样，我比较建议全清）

20230305212004050.jpg

恢复官方原版资源（执行更新命令）

curl https://download.bt.cn/install/update_panel.sh|bash
]]> <![CDATA[【原创】宝塔海外版aapanel中文语言包]]> https://www.baota.me/post-109.html 2022-11-01T13:10:00+08:00 2022-11-01T13:10:00+08:00 gacjie https://www.baota.me 简单介绍

本项目为aapanel(宝塔海外版)的中文语言包。
为了版本兼容性以及后续更新，本包只汉化了语言配置文件。
宝塔有部分文本分散写在模板以及面板代码内，因此汉化并不完整。

演示图片

simplified_chinese.jpg
traditional_chinese.jpg

相关文章

宝塔海外版aapanel升级(降级)指定版本
新蓝白配色清新宝塔面板模板美化主题

命令行安装

升级(降级)aapanel6.8.27版本（可选，当前为6.8.27版本可不执行）
由于aapanel7.X升级python环境为3.12 因此不支持降级到6.8.X
安装中文简体语言包_6.8.27(可选，需要简体执行这个)

wget -O aapanel_chinese.zip https://down.baota.me/project/aapanel/language/aapanel_simplified_chinese_6827.zip && unzip -o aapanel_chinese.zip -d /www/server/ && /etc/init.d/bt restart

安装中文繁体语言包_6.8.27(可选，需要繁体执行这个)

wget -O aapanel_chinese.zip https://down.baota.me/project/aapanel/language/aapanel_traditional_chinese_6827.zip && unzip -o aapanel_chinese.zip -d /www/server/ && /etc/init.d/bt restart

最后还需要手动清理浏览器缓存

安装失败恢复到官方最新版：

curl https://download.bt.cn/install/update_panel_en.sh|bash

下载地址 【图文详细安装方法】

{cloud title="aapanel中文简体语言包_6.8.27" type="default" url="https://down.baota.me/project/aapanel/language/aapanel_simplified_chinese_6827.zip" password=""/}
{cloud title="aapanel中文繁体语言包_6.8.27" type="default" url="https://down.baota.me/project/aapanel/language/aapanel_traditional_chinese_6827.zip" password=""/}
{cloud title="码云仓库" type="github" url="https://gitee.com/gacjie/aapanel_chinese" password=""/}
{cloud title="GitHub仓库" type="github" url="https://github.com/gacjie/aapanel_chinese" password=""/}

更新日志

20230304
更新文件结构，增加详细安装教程，以方便新手小白用户使用。
20221101
本次重新使用腾讯云机器翻译重新汉化，汉化准比之前的百度谷歌好很多。
同时提供了中文繁体语言包，重写了汉化一键脚本。
20220908
更新支持语言包到aapanel 6.8.26版本
为提高更新频率，编写汉化脚本。
增加一键安装脚本

]]> <![CDATA[屏蔽宝塔收费插件列表的方法]]> https://www.baota.me/post-168.html 2022-07-03T17:29:00+08:00 2022-07-03T17:29:00+08:00 gacjie https://www.baota.me 教程简介

由于大部分用户并不需要收费插件，因此很多用户希望能够屏蔽掉。

使用方法

打开/www/server/panel/class/panelPlugin.py
搜索#从云端取列表找到图片的位置添加以下代码（由于python语法的原因切记代码位置与图片的一致）


            #处理插件分类
            stype=softList['type'].copy()
            for i in stype:
                #删除软件分类 8 专业版 12企业版 10第三方 11 一键部署 如需要排除哪个分类 则删掉对应ID即可
                if i['id'] in [8,12,10,11]: softList['type'].remove(i)
            #处理插件数据
            slist=softList['list'].copy()
            for i in slist:
                #判断价格不为0（收费插件）则删除
                if i['price'] != 0: softList['list'].remove(i)
                #判断没有版本号数据（新版本插件）则删除
                elif not i['versions']: softList['list'].remove(i)
                #由于付费插件已被删除,一键部署不在此列表中，这里判断是第三方插件则删除。
                #如不需要删第三方 则注释此行代码
                elif i['type'] in [10]: softList['list'].remove(i)

修改后需要重启面板，以便清除执行缓存。
770及以下版本使用，还需要更新一次软件列表才会生效。

770及以下版本代码位置

7.7.0.jpg

780及以上版本代码位置

8.0.4.jpg

效果图片

dome.jpg

]]> <![CDATA[宝塔面板删除登陆页面的logo图标]]> https://www.baota.me/post-96.html 2022-02-16T18:07:00+08:00 2022-02-16T18:07:00+08:00 gacjie https://www.baota.me 简单说明

宝塔在7.8.0增加了新的logo，但是个人感觉真的不咋好看，尤其是登录页面的那个大LOGO，特想去掉。

教程说明

1.登陆面板打开文件管理器
2.进入/www/server/panel/BTPanel/templates/default目录
3.打开login.html文件
4.注释掉下面图片中的代码即可
qudiaologo.jpg
5.进入ssh争端使用bt命令 9清理面板缓存
3.jpg
6.清理浏览器缓存，重新登陆即可
qudiaologodemo.jpg

]]> <![CDATA[宝塔面板登录页面增加自定义背景图片]]> https://www.baota.me/post-93.html 2022-02-16T17:31:00+08:00 2022-02-16T17:31:00+08:00 gacjie https://www.baota.me 简单介绍

由于宝塔没有模板系统，因此每个版本都有可能对前端代码大改。
所以该教程以7.8.0版本代码为例，其他版本可能不能用。
主要是给我们的面板加个背景图片，以增加美观。

教程说明

1.第一步登录宝塔面板进入文件管理
2.找到/www/server/panel/BTPanel/templates/default/login.html这个文件打开
3.找到body样式增加以下代码。

 background-image: url(图片路径)!important;
 background-size:100% 100%;

6.jpg
4.进入宝塔自带工具箱 bt 输入9 清空缓存。
3.jpg

5.清空浏览器缓存访问登陆页即可看到效果。
360截图20220216173815022.jpg

]]>