From fd8164b08e16d06027479a9054a61962f73fae06 Mon Sep 17 00:00:00 2001
From: nite07 <admin@nite07.com>
Date: Thu, 15 Feb 2024 15:58:08 +0800
Subject: [PATCH] =?UTF-8?q?update:=20=E5=A2=9E=E5=8A=A0=E8=AD=A6=E5=91=8A?=
 =?UTF-8?q?=E6=8F=90=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 API_README.md         |  42 ++--
 api/static/index.html | 532 +++++++++++++++++++++---------------------
 2 files changed, 288 insertions(+), 286 deletions(-)

diff --git a/API_README.md b/API_README.md
index fec8df3..455c4b2 100644
--- a/API_README.md
+++ b/API_README.md
@@ -2,36 +2,36 @@
 
 获取 Clash/Clash.Meta 配置链接
 
-| Query 参数   | 类型   | 是否必须                 | 默认值    | 说明                                                                                                                                                                                                                                      |
-| ------------ | ------ | ------------------------ | --------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --- |
-| sub          | string | sub/proxy 至少有一项存在 | -         | 订阅链接，可以在链接结尾加上`#名称`，来给订阅中的节点加上统一前缀（可以输入多个，用 `,` 分隔）                                                                                                                                            |
-| proxy        | string | sub/proxy 至少有一项存在 | -         | 节点分享链接（可以输入多个，用 `,` 分隔）                                                                                                                                                                                                 |
-| refresh      | bool   | 否                       | `false`   | 强制刷新配置（默认缓存 5 分钟）                                                                                                                                                                                                           |
-| template     | string | 否                       | -         | 外部模板链接或内部模板名称                                                                                                                                                                                                                |
-| ruleProvider | string | 否                       | -         | 格式 `[Behavior,Url,Group,Prepend,Name],[Behavior,Url,Group,Prepend,Name]...`，其中 `Group` 是该规则集使用的策略组名，`Prepend` 为 bool 类型，如果为 `true` 规则将被添加到规则列表顶部，否则添加到规则列表底部（会调整到 MATCH 规则之前） |
-| rule         | string | 否                       | -         | 格式 `[Rule,Prepend],[Rule,Prepend]...`，其中 `Prepend` 为 bool 类型，如果为 `true` 规则将被添加到规则列表顶部，否则添加到规则列表底部（会调整到 MATCH 规则之前）                                                                         |
-| autoTest     | bool   | 否                       | `false`   | 国家策略组是否自动测速                                                                                                                                                                                                                    |
-| lazy         | bool   | 否                       | `false`   | 自动测速是否启用 lazy                                                                                                                                                                                                                     |
-| sort         | string | 否                       | `nameasc` | 国家策略组排序策略，可选值 `nameasc`、`namedesc`、`sizeasc`、`sizedesc`                                                                                                                                                                   |
-| replace      | string | 否                       | -         | 通过正则表达式重命名节点，格式 `[<ReplaceKey>,<ReplaceTo>],[<ReplaceKey>,<ReplaceTo>]...`                                                                                                                                                 |
-| remove       | string | 否                       | -         | 通过正则表达式删除节点                                                                                                                                                                                                                    |
-| nodeList     | bool   | 否                       | `false`   | 只输出节点                                                                                                                                                                                                                                |     |
+| Query 参数     | 类型     | 是否必须              | 默认值       | 说明                                                                                                                                                                            |
+|--------------|--------|-------------------|-----------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| sub          | string | sub/proxy 至少有一项存在 | -         | 订阅链接，可以在链接结尾加上`#名称`，来给订阅中的节点加上统一前缀（可以输入多个，用 `,` 分隔）                                                                                                                           |
+| proxy        | string | sub/proxy 至少有一项存在 | -         | 节点分享链接（可以输入多个，用 `,` 分隔）                                                                                                                                                       |
+| refresh      | bool   | 否                 | `false`   | 强制刷新配置（默认缓存 5 分钟）                                                                                                                                                             |
+| template     | string | 否                 | -         | 外部模板链接或内部模板名称                                                                                                                                                                 |
+| ruleProvider | string | 否                 | -         | 格式 `[Behavior,Url,Group,Prepend,Name],[Behavior,Url,Group,Prepend,Name]...`，其中 `Group` 是该规则集使用的策略组名，`Prepend` 为 bool 类型，如果为 `true` 规则将被添加到规则列表顶部，否则添加到规则列表底部（会调整到 MATCH 规则之前） |
+| rule         | string | 否                 | -         | 格式 `[Rule,Prepend],[Rule,Prepend]...`，其中 `Prepend` 为 bool 类型，如果为 `true` 规则将被添加到规则列表顶部，否则添加到规则列表底部（会调整到 MATCH 规则之前）                                                            |
+| autoTest     | bool   | 否                 | `false`   | 国家策略组是否自动测速                                                                                                                                                                   |
+| lazy         | bool   | 否                 | `false`   | 自动测速是否启用 lazy                                                                                                                                                                 |
+| sort         | string | 否                 | `nameasc` | 国家策略组排序策略，可选值 `nameasc`、`namedesc`、`sizeasc`、`sizedesc`                                                                                                                       |
+| replace      | string | 否                 | -         | 通过正则表达式重命名节点，格式 `[<ReplaceKey>,<ReplaceTo>],[<ReplaceKey>,<ReplaceTo>]...`                                                                                                    |
+| remove       | string | 否                 | -         | 通过正则表达式删除节点                                                                                                                                                                   |
+| nodeList     | bool   | 否                 | `false`   | 只输出节点                                                                                                                                                                         |
 
 # `/short`
 
 获取短链，Content-Type 为 `application/json`
 具体参考使用可以参考 [api\templates\index.html](api/static/index.html)
 
-| Body 参数 | 类型   | 是否必须 | 默认值 | 说明                      |
-| --------- | ------ | -------- | ------ | ------------------------- |
-| url       | string | 是       | -      | 需要转换的 Query 参数部分 |
-| password  | string | 否       | -      | 短链密码                  |
+| Body 参数  | 类型     | 是否必须 | 默认值 | 说明               |
+|----------|--------|------|-----|------------------|
+| url      | string | 是    | -   | 需要转换的 Query 参数部分 |
+| password | string | 否    | -   | 短链密码             |
 
 # `/s/:hash`
 
 短链跳转
 `hash` 为动态路由参数，可以通过 `/short` 接口获取
 
-| Query 参数 | 类型   | 是否必须 | 默认值 | 说明     |
-| ---------- | ------ | -------- | ------ | -------- |
-| password   | string | 否       | -      | 短链密码 |
+| Query 参数 | 类型     | 是否必须 | 默认值 | 说明   |
+|----------|--------|------|-----|------|
+| password | string | 否    | -   | 短链密码 |
diff --git a/api/static/index.html b/api/static/index.html
index b0d6b45..0bc756c 100644
--- a/api/static/index.html
+++ b/api/static/index.html
@@ -1,283 +1,285 @@
 <!DOCTYPE html>
 <html lang="zh-CN">
-    <head>
-        <meta charset="UTF-8" />
-        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
-        <title>sub2clash</title>
-        <!-- Bootstrap CSS -->
-        <link
+<head>
+    <meta charset="UTF-8"/>
+    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+    <title>sub2clash</title>
+    <!-- Bootstrap CSS -->
+    <link
             crossorigin="anonymous"
             href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css"
             integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN"
             rel="stylesheet"
-        />
-        <!-- Bootstrap JS -->
-        <script
+    />
+    <!-- Bootstrap JS -->
+    <script
             crossorigin="anonymous"
             integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
             src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
-        ></script>
-        <!-- Axios -->
-        <script src="https://cdn.jsdelivr.net/npm/axios@latest/dist/axios.min.js"></script>
-        <script src="./static/index.js"></script>
-        <style>
-            .container {
-                max-width: 800px;
-            }
+    ></script>
+    <!-- Axios -->
+    <script src="https://cdn.jsdelivr.net/npm/axios@latest/dist/axios.min.js"></script>
+    <script src="./static/index.js"></script>
+    <style>
+        .container {
+            max-width: 800px;
+        }
 
-            .btn-xs {
-                padding: 2px 2px; /* 调整内边距以减小按钮大小 */
-                font-size: 10px; /* 设置字体大小 */
-                line-height: 1.2; /* 调整行高 */
-                border-radius: 3px; /* 可选的边框半径调整 */
-                height: 25px;
-                width: 25px;
-            }
-        </style>
-    </head>
-    <body class="bg-light">
-        <div class="container mt-5">
-            <div class="mb-4">
-                <h2>sub2clash</h2>
-                <span class="text-muted fst-italic"
-                    >通用订阅链接转 Clash(Meta) 配置工具
+        .btn-xs {
+            padding: 2px 2px; /* 调整内边距以减小按钮大小 */
+            font-size: 10px; /* 设置字体大小 */
+            line-height: 1.2; /* 调整行高 */
+            border-radius: 3px; /* 可选的边框半径调整 */
+            height: 25px;
+            width: 25px;
+        }
+    </style>
+</head>
+<body class="bg-light">
+<div class="container mt-5">
+    <div class="mb-4">
+        <h2>sub2clash</h2>
+        <span class="text-muted fst-italic"
+        >通用订阅链接转 Clash(Meta) 配置工具
                     <a
-                        href="https://github.com/nitezs/sub2clash#clash-meta"
-                        target="_blank"
-                        >使用文档</a
+                            href="https://github.com/nitezs/sub2clash#clash-meta"
+                            target="_blank"
+                    >使用文档</a
                     ></span
-                >
-            </div>
+        ><br><span class="text-muted fst-italic"
+    >注意：本程序非纯前端程序，输入的订阅将被后端缓存，请确保您信任当前站点</span
+    >
+    </div>
 
-            <!-- Input URL -->
-            <div class="form-group mb-5">
-                <label for="apiLink">解析链接:</label>
-                <div class="input-group mb-2">
-                    <input
-                        class="form-control"
-                        id="urlInput"
-                        type="text"
-                        placeholder="通过生成的链接重新填写下方设置"
-                    />
-                    <button
-                        class="btn btn-primary"
-                        onclick="parseInputURL()"
-                        type="button"
-                    >
-                        解析
-                    </button>
-                </div>
-            </div>
-            <!-- API Endpoint -->
-            <div class="form-group mb-3">
-                <label for="endpoint">客户端类型:</label>
-                <select class="form-control" id="endpoint" name="endpoint">
-                    <option value="clash">Clash</option>
-                    <option value="meta">Clash.Meta</option>
-                </select>
-            </div>
-            <!-- Template -->
-            <div class="form-group mb-3">
-                <label for="template">模板链接或名称:</label>
-                <input
+    <!-- Input URL -->
+    <div class="form-group mb-5">
+        <label for="apiLink">解析链接:</label>
+        <div class="input-group mb-2">
+            <input
                     class="form-control"
-                    id="template"
-                    name="template"
-                    placeholder="输入外部模板链接或内部模板名称（可选）"
+                    id="urlInput"
                     type="text"
-                />
-            </div>
-            <!-- Subscription Link -->
-            <div class="form-group mb-3">
-                <label for="sub">订阅链接:</label>
-                <textarea
-                    class="form-control"
-                    id="sub"
-                    name="sub"
-                    placeholder="每行输入一个订阅链接"
-                    rows="5"
-                ></textarea>
-            </div>
-            <!-- Proxy Link -->
-            <div class="form-group mb-3">
-                <label for="proxy">节点分享链接:</label>
-                <textarea
-                    class="form-control"
-                    id="proxy"
-                    name="proxy"
-                    placeholder="每行输入一个节点分享链接"
-                    rows="5"
-                ></textarea>
-            </div>
-            <!-- Refresh -->
-            <div class="form-check mb-3">
-                <input
-                    class="form-check-input"
-                    id="refresh"
-                    name="refresh"
-                    type="checkbox"
-                />
-                <label class="form-check-label" for="refresh"
-                    >强制重新获取订阅</label
-                >
-            </div>
-            <!-- Node List -->
-            <div class="form-check mb-3">
-                <input
-                    class="form-check-input"
-                    id="nodeList"
-                    name="nodeList"
-                    type="checkbox"
-                />
-                <label class="form-check-label" for="nodeList"
-                    >输出为 Node List</label
-                >
-            </div>
-            <!-- Auto Test -->
-            <div class="form-check mb-3">
-                <input
-                    class="form-check-input"
-                    id="autoTest"
-                    name="autoTest"
-                    type="checkbox"
-                />
-                <label class="form-check-label" for="autoTest"
-                    >国家策略组自动测速</label
-                >
-            </div>
-            <!-- Lazy -->
-            <div class="form-check mb-3">
-                <input
-                    class="form-check-input"
-                    id="lazy"
-                    name="lazy"
-                    type="checkbox"
-                />
-                <label class="form-check-label" for="lazy"
-                    >自动测速启用 lazy 模式</label
-                >
-            </div>
-            <!-- Rule Provider -->
-            <div class="form-group mb-3" id="ruleProviderGroup">
-                <label>Rule Provider:</label>
-                <button
-                    class="btn btn-primary mb-1 btn-xs"
-                    onclick="addRuleProvider()"
+                    placeholder="通过生成的链接重新填写下方设置"
+            />
+            <button
+                    class="btn btn-primary"
+                    onclick="parseInputURL()"
                     type="button"
-                >
-                    +
-                </button>
-            </div>
-            <!-- Rule -->
-            <div class="form-group mb-3" id="ruleGroup">
-                <label>规则:</label>
-                <button
-                    class="btn btn-primary mb-1 btn-xs"
-                    onclick="addRule()"
-                    type="button"
-                >
-                    +
-                </button>
-            </div>
-            <!-- Sort -->
-            <div class="form-group mb-3">
-                <label for="sort">国家策略组排序规则:</label>
-                <select class="form-control" id="sort" name="sort">
-                    <option value="nameasc">名称（升序）</option>
-                    <option value="namedesc">名称（降序）</option>
-                    <option value="sizeasc">节点数量（升序）</option>
-                    <option value="sizedesc">节点数量（降序）</option>
-                </select>
-            </div>
-            <!-- Remove -->
-            <div class="form-group mb-3">
-                <label for="remove">排除节点:</label>
-                <input
-                    class="form-control"
-                    type="text"
-                    name="remove"
-                    id="remove"
-                    placeholder="正则表达式"
-                />
-            </div>
-            <!-- Rename  -->
-            <div class="form-group mb-3" id="replaceGroup">
-                <label>节点名称替换:</label>
-                <button
-                    class="btn btn-primary mb-1 btn-xs"
-                    onclick="addReplace()"
-                    type="button"
-                >
-                    +
-                </button>
-            </div>
-
-            <!-- Display the API Link -->
-            <div class="form-group mb-5">
-                <label for="apiLink">配置链接:</label>
-                <div class="input-group mb-2">
-                    <input
-                        class="form-control"
-                        id="apiLink"
-                        readonly
-                        type="text"
-                    />
-                    <button
-                        class="btn btn-primary"
-                        onclick="generateURL()"
-                        type="button"
-                    >
-                        生成链接
-                    </button>
-                    <button
-                        class="btn btn-primary"
-                        onclick="copyToClipboard('apiLink',this)"
-                        type="button"
-                    >
-                        复制链接
-                    </button>
-                </div>
-                <div class="input-group">
-                    <input
-                        class="form-control"
-                        id="apiShortLink"
-                        readonly
-                        type="text"
-                    />
-                    <input
-                        class="form-control"
-                        id="password"
-                        type="text"
-                        placeholder="密码"
-                    />
-                    <button
-                        class="btn btn-primary"
-                        onclick="generateShortLink()"
-                        type="button"
-                    >
-                        生成短链
-                    </button>
-                    <button
-                        class="btn btn-primary"
-                        onclick="copyToClipboard('apiShortLink',this)"
-                        type="button"
-                    >
-                        复制短链
-                    </button>
-                </div>
-            </div>
-            <!-- footer-->
-            <footer>
-                <p class="text-center">
-                    Powered by
-                    <a
-                        class="link-primary"
-                        href="https://github.com/nitezs/sub2clash"
-                        >sub2clash</a
-                    >
-                </p>
-                <p class="text-center">Version {{.Version}}</p>
-            </footer>
+            >
+                解析
+            </button>
         </div>
-    </body>
+    </div>
+    <!-- API Endpoint -->
+    <div class="form-group mb-3">
+        <label for="endpoint">客户端类型:</label>
+        <select class="form-control" id="endpoint" name="endpoint">
+            <option value="clash">Clash</option>
+            <option value="meta">Clash.Meta</option>
+        </select>
+    </div>
+    <!-- Template -->
+    <div class="form-group mb-3">
+        <label for="template">模板链接或名称:</label>
+        <input
+                class="form-control"
+                id="template"
+                name="template"
+                placeholder="输入外部模板链接或内部模板名称（可选）"
+                type="text"
+        />
+    </div>
+    <!-- Subscription Link -->
+    <div class="form-group mb-3">
+        <label for="sub">订阅链接:</label>
+        <textarea
+                class="form-control"
+                id="sub"
+                name="sub"
+                placeholder="每行输入一个订阅链接"
+                rows="5"
+        ></textarea>
+    </div>
+    <!-- Proxy Link -->
+    <div class="form-group mb-3">
+        <label for="proxy">节点分享链接:</label>
+        <textarea
+                class="form-control"
+                id="proxy"
+                name="proxy"
+                placeholder="每行输入一个节点分享链接"
+                rows="5"
+        ></textarea>
+    </div>
+    <!-- Refresh -->
+    <div class="form-check mb-3">
+        <input
+                class="form-check-input"
+                id="refresh"
+                name="refresh"
+                type="checkbox"
+        />
+        <label class="form-check-label" for="refresh"
+        >强制重新获取订阅</label
+        >
+    </div>
+    <!-- Node List -->
+    <div class="form-check mb-3">
+        <input
+                class="form-check-input"
+                id="nodeList"
+                name="nodeList"
+                type="checkbox"
+        />
+        <label class="form-check-label" for="nodeList"
+        >输出为 Node List</label
+        >
+    </div>
+    <!-- Auto Test -->
+    <div class="form-check mb-3">
+        <input
+                class="form-check-input"
+                id="autoTest"
+                name="autoTest"
+                type="checkbox"
+        />
+        <label class="form-check-label" for="autoTest"
+        >国家策略组自动测速</label
+        >
+    </div>
+    <!-- Lazy -->
+    <div class="form-check mb-3">
+        <input
+                class="form-check-input"
+                id="lazy"
+                name="lazy"
+                type="checkbox"
+        />
+        <label class="form-check-label" for="lazy"
+        >自动测速启用 lazy 模式</label
+        >
+    </div>
+    <!-- Rule Provider -->
+    <div class="form-group mb-3" id="ruleProviderGroup">
+        <label>Rule Provider:</label>
+        <button
+                class="btn btn-primary mb-1 btn-xs"
+                onclick="addRuleProvider()"
+                type="button"
+        >
+            +
+        </button>
+    </div>
+    <!-- Rule -->
+    <div class="form-group mb-3" id="ruleGroup">
+        <label>规则:</label>
+        <button
+                class="btn btn-primary mb-1 btn-xs"
+                onclick="addRule()"
+                type="button"
+        >
+            +
+        </button>
+    </div>
+    <!-- Sort -->
+    <div class="form-group mb-3">
+        <label for="sort">国家策略组排序规则:</label>
+        <select class="form-control" id="sort" name="sort">
+            <option value="nameasc">名称（升序）</option>
+            <option value="namedesc">名称（降序）</option>
+            <option value="sizeasc">节点数量（升序）</option>
+            <option value="sizedesc">节点数量（降序）</option>
+        </select>
+    </div>
+    <!-- Remove -->
+    <div class="form-group mb-3">
+        <label for="remove">排除节点:</label>
+        <input
+                class="form-control"
+                type="text"
+                name="remove"
+                id="remove"
+                placeholder="正则表达式"
+        />
+    </div>
+    <!-- Rename  -->
+    <div class="form-group mb-3" id="replaceGroup">
+        <label>节点名称替换:</label>
+        <button
+                class="btn btn-primary mb-1 btn-xs"
+                onclick="addReplace()"
+                type="button"
+        >
+            +
+        </button>
+    </div>
+
+    <!-- Display the API Link -->
+    <div class="form-group mb-5">
+        <label for="apiLink">配置链接:</label>
+        <div class="input-group mb-2">
+            <input
+                    class="form-control"
+                    id="apiLink"
+                    readonly
+                    type="text"
+            />
+            <button
+                    class="btn btn-primary"
+                    onclick="generateURL()"
+                    type="button"
+            >
+                生成链接
+            </button>
+            <button
+                    class="btn btn-primary"
+                    onclick="copyToClipboard('apiLink',this)"
+                    type="button"
+            >
+                复制链接
+            </button>
+        </div>
+        <div class="input-group">
+            <input
+                    class="form-control"
+                    id="apiShortLink"
+                    readonly
+                    type="text"
+            />
+            <input
+                    class="form-control"
+                    id="password"
+                    type="text"
+                    placeholder="密码"
+            />
+            <button
+                    class="btn btn-primary"
+                    onclick="generateShortLink()"
+                    type="button"
+            >
+                生成短链
+            </button>
+            <button
+                    class="btn btn-primary"
+                    onclick="copyToClipboard('apiShortLink',this)"
+                    type="button"
+            >
+                复制短链
+            </button>
+        </div>
+    </div>
+    <!-- footer-->
+    <footer>
+        <p class="text-center">
+            Powered by
+            <a
+                    class="link-primary"
+                    href="https://github.com/nitezs/sub2clash"
+            >sub2clash</a
+            >
+        </p>
+        <p class="text-center">Version {{.Version}}</p>
+    </footer>
+</div>
+</body>
 </html>