宝塔面板美化进阶：彻底隐藏底部版权信息的三种方案

宝塔面板默认显示的底部版权信息虽然合法，但可能影响专业形象。本教程提供三种隐藏方案（含CSS修改+JS方案），适配宝塔7.9.8至9.6.0各版本，操作前请务必备份！

方案一：CSS透明化（推荐）

1. 通过SSH或面板终端执行：
   nano /www/server/panel/BTPanel/static/css/theme.css
2. 按Ctrl+W搜索：.el-link.el-link–primary
3. 替换为以下代码：

   /* 透明处理 */
   .el-link.el-link--primary {
     color: transparent !important;
     font-size: 0 !important;
   }

4. 按Ctrl+O保存 → Ctrl+X退出

方案二：DOM元素移除（永久隐藏）

1. 编辑JavaScript文件：
   /www/server/panel/BTPanel/static/bt.js
2. 在文件末尾添加：

   // 移除底部版权DOM
   setTimeout(() => {
     document.querySelectorAll('.el-link--primary')
       .forEach(el => el.remove())
   }, 3000);

3. 清除浏览器缓存（Ctrl+Shift+R强制刷新）

方案三：Nginx反向代理（企业级方案）

1. 创建代理配置：

   location ~* /static/css/theme.css {
     sub_filter '.el-link.el-link--primary' '';
     sub_filter_once off;
   }

2. 在Nginx配置中添加：

   server {
     listen 8888;
     server_name your_domain;
     location / {
       proxy_pass http://127.0.0.1:8888;
       include proxy_params;
       # 插入上述sub_filter规则
     }
   }

3. 重启Nginx：nginx -s reload

方案对比表

失效预防与恢复指南

• 更新防护：在/www/backup创建自动备份脚本

  #!/bin/bash
  cp /www/server/panel/BTPanel/static/css/theme.css /www/backup/theme_$(date +%Y%m%d).css

• 批量处理：多服务器使用Ansible剧本

  - name: Hide BT copyright
    hosts: bt_servers
    tasks:
      - copy:
          src: custom_theme.css
          dest: /www/server/panel/BTPanel/static/css/theme.css

• 紧急恢复：SSH执行bt restart重启面板恢复默认

高级定制技巧

• 自定义替换文字：在CSS中添加

  .el-link::after {
    content: "专业运维平台";
    color: #999;
  }

• 动态版权：JS方案中插入

  document.querySelector('.el-link').innerHTML = 
    new Date().getFullYear() + ' © 企业专属面板';

• 权限保留：修改后执行chown www:www /www/server/panel/**避免权限错误