订阅转换搭建原版（前后端）

First2023-07-152024-08-11

开始搭建

后端

heroku

打开github项目地址，点个star，并fork此项目
打开heroku的官网登陆后我们需要获取heroku账号的api_key,按图点击 Alt Text
往下翻，如图，复制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

如果显示这样，就成功了
Alt Text

koyeb

点一下这个图标,然后全部默认就行
Deploy to Koyeb
github项目地址
同样等到如图中1所示，访问以下地址

图中2的地址/version

Alt Text
如果是这样就代表成功了

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顺便打勾
Alt Text
等待他部署完成，点击图中按钮复制地址

新开个标签页，在复制的地址后加”/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也是显示的
Alt Text
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地址
最后就是部署到中意的静态网页服务商了