訂閱轉換搭建原版（前後端）

開始搭建#

後端#

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#

點一下這個圖標，然後全部默認就行

Deploy to Koyeb

github 項目地址

同樣等到如圖中 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 地址

最後就是部署到中意的靜態網頁服務商了