开始搭建
后端
heroku
打开github项目地址，点个star，并fork此项目
打开heroku的官网登陆后我们需要获取heroku账号的api_key,按图点击
往下翻，如图，复制2框内所示的内容
回到我们刚才fork的github项目，如图添加两个名为HEROKU_API_KEY
和HEROKU_EMAIL的Secret。说明如下:
| HEROKU_API_KEY | 刚才获取的heroku_api_key |
|---|---|
| HEROKU_EMAIL | heroku账号的邮箱 |
然后如图，编辑.github/workflows/heroku.yml这个文件，修改heroku_app_name这个的值，不能重复，我建议是在heroku首页新建一个项目，取个不重复的名字，然后复制名字到这并取消创建
4.如图，激活actions
如图运行action
5.不出意外的话，这样就代表成功了
同时，heroku账号首页也多了一个项目
6.访问 以下网址，来检测是否安装成功
https://heroku项目的名字.herokuapp.com/version如果显示这样，就成功了
koyeb
点一下这个图标,然后全部默认就行
同样等到如图中1所示，访问以下地址
图中2的地址/version
如果是这样就代表成功了
okteto
首先fork本项目 用github登录okteto https://cloud.okteto.com
存在拼人品的问题,有可能注册不上,那就换个github账号,一般情况下用了很长时间的github都能正常注册
选择这个
选择用github部署
选择这个然后点 ‘launch’
然后就不用管了
等着部署完毕,大约两分钟的样子
出现running就是部署好了, 在浏览器打开这个链接
如果在浏览器打开出现 504 timeout 503 或者其他什么错误
解决办法: 开无痕, 换浏览器.
开一个无痕窗口, 在上图给的链接后边加上 sub? 如果出现下图就是完成了
到此, 用oketeto部署clash订阅转换后端 subconver就完成了
northflank
如图，图中地址为： https://github.com/jth445600/subconverter-heroku-koyeb-northflank ，记得选择http顺便打勾
等待他部署完成，点击图中按钮复制地址
新开个标签页，在复制的地址后加”/version“，如果返回的如图所示，就代表成功了
前端
前端使用免费的静态网页服务厂商来搭建.我这里推荐vercel，当然，你也可以使用cf pages
1.fork这个github项目
2.修改默认后端地址，编辑src/views/Subconverter.vue 文件
在第258行backendOptions，修改后面http://127.0.0.1:25500为刚才heroku和koyeb返回的地址
注意：后面的/sub?不能删去，heroku地址一般为： 应用程序名1.herokuapp.com
koyeb则为这里显示的地址，同理okteto也是显示的
northflank则是复制的地址
此外，还能自定义多个后端地址格式如下
backendOptions: [
{ value: "https://subsc.ednovas.xyz/sub?" },
{ value: "http://api.tsutsu.cc:520/sub?" },
{ value: "https://api2.tsutsu.cc/sub?" },
{ value: "https://api.v1.mk/sub?" },
{ value: "https://subcon.dlj.tf/sub?" },
{ value: "https://api.dler.io/sub?" },
{ value: "https://api.wcc.best/sub?" },
{ value: "https://api.hope140.live/sub?" },
{ value: "https://sub.proxypoolv2.tk/sub?" },
{ value: "https://sub.id9.cc/sub?" },
],更多规则如下
{
label: "ACL4SSR",
options: [
{
label: "ACL4SSR_Online 默认版 分组比较全 (与Github同步)",
value: "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online.ini"
},
{
label: "ACL4SSR_Online_AdblockPlus 更多去广告 (与Github同步)",
value: "https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_AdblockPlus.ini"
},
{
label: "ACL4SSR_Online_NoAuto 无自动测速 (与Github同步)",
value:"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_NoAuto.ini"
},
{
label: "ACL4SSR_Online_NoReject 无广告拦截规则 (与Github同步)",
value:"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_NoReject.ini"
},
{
label: "ACL4SSR_Online_Mini 精简版 (与Github同步)",
value:"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini.ini"
},
{
label: "ACL4SSR_Online_Mini_AdblockPlus.ini 精简版 更多去广告 (与Github同步)",
value:"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini_AdblockPlus.ini"
},
{
label: "ACL4SSR_Online_Mini_NoAuto.ini 精简版 不带自动测速 (与Github同步)",
value:"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini_NoAuto.ini"
},
{
label: "ACL4SSR_Online_Mini_Fallback.ini 精简版 带故障转移 (与Github同步)",
value:"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini_Fallback.ini"
},
{
label: "ACL4SSR_Online_Mini_MultiMode.ini 精简版 自动测速、故障转移、负载均衡 (与Github同步)",
value:"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Mini_MultiMode.ini"
},
{
label: "ACL4SSR_Online_Full 全分组 重度用户使用 (与Github同步)",
value:"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Full.ini"
},
{
label: "ACL4SSR_Online_Full_NoAuto.ini 全分组 无自动测速 重度用户使用 (与Github同步)",
value:"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Full_NoAuto.ini"
},
{
label: "ACL4SSR_Online_Full_AdblockPlus 全分组 重度用户使用 更多去广告 (与Github同步)",
value:"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Full_AdblockPlus.ini"
},
{
label: "ACL4SSR_Online_Full_Netflix 全分组 重度用户使用 奈飞全量 (与Github同步)",
value:"https://raw.githubusercontent.com/ACL4SSR/ACL4SSR/master/Clash/config/ACL4SSR_Online_Full_Netflix.ini"
},
{
label: "ACL4SSR 本地 默认版 分组比较全",
value: "config/ACL4SSR.ini"
},
{
label: "ACL4SSR_Mini 本地 精简版",
value: "config/ACL4SSR_Mini.ini"
},
{
label: "ACL4SSR_Mini_NoAuto.ini 本地 精简版+无自动测速",
value: "config/ACL4SSR_Mini_NoAuto.ini"
},
{
label: "ACL4SSR_Mini_Fallback.ini 本地 精简版+fallback",
value: "config/ACL4SSR_Mini_Fallback.ini"
},
{
label: "ACL4SSR_BackCN 本地 回国",
value: "config/ACL4SSR_BackCN.ini"
},
{
label: "ACL4SSR_NoApple 本地 无苹果分流",
value: "config/ACL4SSR_NoApple.ini"
},
{
label: "ACL4SSR_NoAuto 本地 无自动测速 ",
value: "config/ACL4SSR_NoAuto.ini"
},
{
label: "ACL4SSR_NoAuto_NoApple 本地 无自动测速&无苹果分流",
value: "config/ACL4SSR_NoAuto_NoApple.ini"
},
{
label: "ACL4SSR_NoMicrosoft 本地 无微软分流",
value: "config/ACL4SSR_NoMicrosoft.ini"
},
{
label: "ACL4SSR_WithGFW 本地 GFW列表",
value: "config/ACL4SSR_WithGFW.ini"
}
]
},3.由于heroku免费账号一个月只有550h的使用时间，所以我们需要多账号，请参考这篇文章https://blog.imkcp.xyz/cf-workers/
同样是替换为cf pagers的网址或者自定义的workers地址
最后就是部署到中意的静态网页服务商了