BPB Panel 部署教程：个人专属免费 VPN 节点

今天我将分享如何通过 Cloudflare Workers 和 Pages 搭建 BPB Panel 代理面板，帮助大家轻松搭建免费 VPN，实现永久免费节点订阅。该方案适用于 singbox-core 和 xray-core 等跨平台客户端。

背景介绍

近期 Cloudflare 官方加强了对 BPB 等项目的审查，直接使用源码或原作者提供的混淆代码容易出现 1101 错误代码。这可能是因为代码中包含敏感关键词，或者使用了与他人相同的混淆代码。

本教程将教你如何利用未混淆的源码进行自定义加密混淆，生成独一无二的代码，成功绕过 Cloudflare 的限制。我们采用了轻量级混淆方案，既能通过 Cloudflare 的安全检查，又不会触发 CPU 限制导致部署失败。

部署前的准备工作

在开始之前，你需要准备以下资源：

GitHub 账号：用于创建代码仓库和自动执行混淆任务
Cloudflare 账号：用于部署混淆后的代码
域名（可选但推荐）：Cloudflare Pages 自带域名可能访问受限

第一步：GitHub 仓库设置

首先，我们需要在 GitHub 上创建一个仓库并配置自动化工作流：

登录 GitHub，创建一个新的私有仓库
在仓库根目录创建目录 .github/workflows/
在该目录下创建文件 Obfuscate.yml，内容如下：

name: Build Obfuscate BPB Panel

on:
  push:
    branches:
      - main
  schedule:
        # 每天凌晨1点自动执行
        - cron: "0 1 * * *"

permissions:
  contents: write

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
      - name: Check out the code
        uses: actions/checkout@v4

      - name: Set up Node.js
        uses: actions/setup-node@v4
        with:
          node-version: "latest"

      - name: Install dependencies
        run: |
          npm install -g javascript-obfuscator

      - name: Clone BPB workjs
        run: |
          wget -O origin.js https://raw.githubusercontent.com/bia-pain-bache/BPB-Worker-Panel/refs/heads/main/build/unobfuscated-worker.js

      - name: Obfuscate BPB worker js
        run: |
          javascript-obfuscator origin.js --output _worker.js \
          --compact true \
          --control-flow-flattening false \
          --dead-code-injection false \
          --identifier-names-generator hexadecimal \
          --rename-globals true \
          --string-array true \
          --string-array-encoding 'base64' \
          --string-array-threshold 0.75 \
          --transform-object-keys false \
          --unicode-escape-sequence false

      - name: Commit changes
        uses: stefanzweifel/git-auto-commit-action@v5
        with:
          branch: main
          commit_message: ':arrow_up: update latest bpb panel'
          commit_author: 'github-actions[bot] <github-actions[bot]@users.noreply.github.com>'
          pull_before_push: true

这个工作流程会：

每次推送代码到 main 分支时自动执行
每天凌晨 1 点自动执行
下载最新的 BPB 源代码
使用自定义参数进行混淆处理
提交混淆后的代码到仓库

提交文件后，GitHub Actions 会自动运行，产生两个关键文件：

origin.js：原始未混淆的 BPB 源代码
_worker.js：混淆后的个人专属 BPB 代码

第二步：Cloudflare 部署

现在我们需要将混淆后的代码部署到 Cloudflare：

1. 创建 Cloudflare Pages 项目

登录 Cloudflare 控制台
进入"Workers & Pages"面板
点击"创建应用程序" > "Pages"
选择"连接到 Git"
授权并选择你刚才创建的 GitHub 仓库
点击"开始设置"，使用默认设置
点击"保存并部署"

2. 设置环境变量

部署完成后，我们需要配置一些必要的环境变量：

在 Pages 项目中点击"设置" > "环境变量"
添加以下三个变量：
- UUID：使用 UUID 生成器生成一个唯一标识符
- PROXYIP：填写代理 IP 地址（可使用 cdn-b100.xn--b6gac.eu.org 等优选域名）
- TR_PASS：设置一个复杂的密码字符串

3. 创建并绑定 KV 命名空间

进入 Cloudflare 的"Workers & Pages" > "KV"
创建一个新的命名空间（名称自定义，但不要包含"bpb"字样）
回到 Pages 项目，点击"设置" > "函数" > "KV 命名空间绑定"
添加绑定：变量名设为"kv"（小写），选择刚创建的命名空间
保存设置

4. 重新部署

设置完环境变量和 KV 命名空间后，回到项目概览页面，点击"..."菜单，选择"重试部署"。

第三步：BPB 面板配置

1. 访问 BPB 面板

部署成功后，通过以下地址访问 BPB 面板：

https://[你的项目地址]/panel

2. 修改面板密码

首次访问时，系统会提示修改密码：

输入旧密码（即你之前设置的 TR_PASS 值）
设置一个新的强密码

3. 配置代理设置

登录面板后，你可以配置以下参数：

基本设置：

FakeDNS：选择 enable
Proxy IPs/Domains：填写代理 IP 或域名
TLS 端口：默认 443，可按需选择其他端口

路由规则：

选择合适的规则如 Bypass LAN（绕过局域网）
Bypass China（绕过中国大陆地址）
Block Ads（屏蔽广告）等

自定义规则：

可以添加需要直连（Bypass）或屏蔽（Block）的自定义 IP/域名

设置完成后，点击"APPLY SETTINGS"保存配置。

第四步：使用 VPN 节点

1. 获取订阅链接

面板配置完成后，你可以：

根据你使用的客户端类型（V2ray、Clash 等）点击对应的"COPY SUB"按钮
复制生成的订阅链接

2. 在客户端中使用

以 V2rayN 为例：

打开 V2rayN 客户端
进入【订阅】>【订阅设置】>【添加】
粘贴订阅链接并保存
点击【订阅】>【更新订阅】获取节点
测试节点延迟，选择合适的节点使用

总结

通过本教程，你已经成功：

使用自定义混淆方案处理 BPB 源代码
绕过 Cloudflare 的审查和 CPU 限制
部署了个人专属的 VPN 代理面板
获得了永久免费的节点订阅

这种方案相比直接使用原作者代码的优势在于：

独特的混淆代码减少被检测风险
轻量级混淆避免 CPU 限制错误
自动同步更新，保持最新版本
完全免费，无需任何付费服务

如果你在部署过程中遇到任何问题，欢迎在评论区留言讨论。希望这个教程能帮助到大家！

免责声明：本教程仅供学习和研究使用，请遵守当地法律法规，不要用于任何非法用途。使用者需自行承担使用过程中的风险和责任。

搜索此博客

轮回

最新版本BPB部署基础教程｜百分百成功｜利用 Cloudflare & BPB Panel ｜告别1101报错、节点泄露！