ZRF.ME | 在线订阅转换工具 - 自建一个属于你的订阅转换系统，告别订阅链接泄露，前端与后端部署教程

最近一直关注的技术大佬“CM”发视频了，惊喜的发现他不仅发布了自建订阅转换后端的教程，还将其配套的前端项目 Sub-Web-Modify 也开源了。作为CM佬的忠实粉丝，我立刻动手，将这一整套前后端服务部署了起来，并顺手为它增加了一个小小的评论功能。(没有代码基础的我，当然是使用的AI)

你是否也曾遇到过这些问题：公共订阅转换服务规则集臃肿，导致转换失败？或是担心自己的订阅链接暴露，存在数据安全隐患？自建订阅转换服务正是解决这些痛点的完美方案。

本文将详细记录我从零到一的部署过程，内容涵盖后端（Subconverter）搭建、前端（Sub-Web-Modify）部署、订阅转换参数优化，希望能帮助你彻底摆脱对公共服务的依赖，构建一个属于自己的、安全高效的订阅转换系统。

(致谢：本项目基于CM佬增强的 Sub-Web-Modify，它源于 CareyWang/sub-web 项目，并由 youshandefeiyang 的出色工作启发。在此向所有贡献者表示感谢。)
(致谢：由YXVM赞助服务 ，周润发HK订阅转换后端：https://subapi.zrfme.com ，使用其提供的服务器进行部署，并公开给大家使用)

ZRF.ME | 在线订阅转换工具 在线体验

• 订阅转换前端：https://sub.zrfme.com
• 周润发HK后端：https://subapi.zrfme.com

界面预览

应用特点

• 这是一款功能强大的订阅转换工具，拥有现代化且美观易用的界面。它不仅能轻松实现 Clash、Surge、V2Ray 等多种主流订阅格式的相互转换，还提供了一系列高级定制功能。
• 核心转换能力：支持多种订阅格式，满足不同客户端的需求。
• 高级节点管理：通过关键字或正则表达式，轻松实现节点的 筛选 和批量 重命名。
• 强大的定制性：允许用户上传自定义远程配置，实现高度个性化的规则。
• 卓越的用户体验：
• 智能主题：支持亮/暗色模式，并可自动跟随系统设置切换。
• 响应式设计：完美适配桌面和移动设备，随时随地轻松使用。
• 便捷分享：内置短链接生成功能，让订阅分享更加简单方便。

订阅转换后端 网站收集

• 后端是无用户界面的API服务，仅负责处理数据和逻辑。直接在浏览器访问其地址，看不到任何内容是完全正常的。

订阅转换前端 网站收集

• 前端网页是为后端API服务提供的一个“图形操作界面”。它的主要目的是方便普通用户使用，但对于知道如何直接调用API的高级用户来说，前端并不是必需品。

订阅转换前端部署

Cloudflare Pages 部署（推荐）

1. 首先打开 https://github.com/shaoyouvip/sub-web-modify 项目 Fork 本仓库 到你的 GitHub 账户。

   • 编辑 src\views\Subconverter.vue 使用电脑键盘快捷键 CTRL+F 搜索 subapi.zrfme.com 找到下方图片中的内容，并修改为你的订阅转换后端，这样设置后，稍后打开前端页面就是默认使用这个后端地址进行转换，如果你没有部署后端可以先默认使用我内置的。内置了CM佬与肥羊佬等可用的后端

     plaintext

     1	form: { sourceSubUrl: "", clientType: "", customBackend: this.getUrlParam() == "" ? "https://subapi.zrfme.com" : this.getUrlParam()

     

     Subconverter.vue

   • 编辑 .env 设置环境变量，其中的链接都可以随意更改。
     

     环境变量

2. 连接到 Cloudflare Pages：

   • 打开 Cloudflare Dashboard 创建，选择 Pages → 导入现有 Git 存储库 点开始使用 → 连接到 Git
     
     连接到 Git
   • 选择你 Fork 的仓库
     
     Fork仓库

3. 配置构建设置：

   plaintext

   1 2 3

   框架预设：Vue 构建命令：npm run build 构建输出目录：/dist

   

   配置构建设置

4. 部署订阅转换前端完成，每次在Github修改代码，这里都会同步进行更新，然后自己设置自定义域名即可。

订阅转换后端部署

都是部署的这位大佬维护的版本：https://github.com/asdlokj1qpi233/subconverter

无 VPS 用户 CM佬有详细的视频教程,使用 ClawCloudRun 部署后端

• 视频详细教程：YouTube跳转查看
• 博客图文教程：建订阅转换：API后端 🚨 告别订阅泄露风险！无需VPS，免费拥有专属私密转换服务，守护科学上网的节点

有 VPS 用户 我简单演示一下 使用的 1PANEL图形化界面 部署后端

创建容器

1. 进入到 1PANEL后台管理 点击容器 → 创建容器，填写如下参数，完成后点击确定。

   • 名称：subconverter
   • 镜像：asdlokj1qpi23/subconverter:latest
   • 服务器端口：15051
   • 容器端口：25500
   • 重启规则：一直重启

     docker

     1 2 3 4 5 6 7 8

     version: '3' services: subconverter: image: asdlokj1qpi23/subconverter:latest container_name: subconverter ports: - "15051:25500" restart: always

   

   创建容器

2. 等待容器状态变为 已启动 打开 http://你的服务器IP:15051/version 可以看到这个版本内容：subconverter v0.9.9-383deb5 backend 就表示部署成功了。
   

   启动容器

配置域名并安装证书

1. 配置域名，给这个 订阅转换后端 配置域名，我设置为：https://subapi.zrfme.com 解析到你的服务器ip保存。
   

   配置域名

2. 先确定你的容器内网ip及端口，我的是http://127.0.0.4:15051
   

   容器内网ip及端口

3. 来到 1panel → 网站 → 网站 → 创建 → 反向代理 → 主域名=你自己刚设置的域名。代理地址=http://127.0.0.4:15051 （以你的为准）
   

   反向代理

安装证书后端部署完成

1. 接下来回到 1panel → 网站 → 证书 → DNS账户 → 创建 ，名称随你设置，因为我的域名托管到 cloudflare中的。选择类型为cloudflare ，EMAIL就是你cloudflare账号的邮箱。
   

   安装证书1
   
   
   安装证书2

2. API Token 获取，我们打开 https://dash.cloudflare.com/ 首页 右上角 配置文件
   

   API Token

3. API令牌 → 创建令牌 选择 编辑区域 DNS 点击 使用模板，区域资源 选择 所有区域 → 创建令牌 得到的 用户 API 令牌 填入 DNS账户 的 API Token。
   

   API Token2
   
   
   API Token3
   
   
   API Token4

4. 申请 zrfme.com 与 *.zrfme.com 申请一次后续就不需要申请，创建项目就可以直接使用这个域名下的证书。
   

   申请证书

5. 来到 1panel → 网站 → 网站 → 配置 → 如图设置然后保存。
   

   配置证书

6. 然后浏览器可以打开你的域名：https://subapi.zrfme.com/version 显示版本内容，后端的部署就全部完成了。