mirror of
https://github.com/bestnite/sub2clash.git
synced 2025-11-04 04:40:36 +00:00
185 lines
8.0 KiB
HTML
185 lines
8.0 KiB
HTML
<!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 href="./static/bootstrap.min.css" rel="stylesheet" />
|
||
<!-- Bootstrap JS -->
|
||
<script src="./static/bootstrap.bundle.min.js"></script>
|
||
<!-- Axios -->
|
||
<script src="./static/axios.min.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) 配置工具
|
||
<a href="https://github.com/bestnite/sub2clash#clash-meta" target="_blank">使用文档</a></span><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" selected>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>
|
||
<!-- User Agent -->
|
||
<div class="form-group mb-3">
|
||
<label for="user-agent">UA 标识:</label>
|
||
<textarea class="form-control" id="user-agent" name="user-agent"
|
||
placeholder="用于获取订阅的 http 请求中的 User-Agent 标识（可选）" rows="3"></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>
|
||
<!-- IgnoreCountryGroup -->
|
||
<div class="form-check mb-3">
|
||
<input class="form-check-input" id="igcg" name="igcg" type="checkbox" />
|
||
<label class="form-check-label" for="igcg">不输出国家策略组</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 bg-light" id="apiLink" type="text" placeholder="链接" readonly
|
||
style="cursor: not-allowed;" />
|
||
<button class="btn btn-primary" onclick="copyToClipboard('apiLink',this)" type="button">
|
||
复制链接
|
||
</button>
|
||
</div>
|
||
<div class="input-group mb-2">
|
||
<input class="form-control" id="customId" type="text" placeholder="短链ID（可选）" />
|
||
<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 class="input-group">
|
||
<input class="form-control bg-light" id="apiShortLink" type="text" placeholder="短链接" readonly
|
||
style="cursor: not-allowed;" />
|
||
<button class="btn btn-primary" onclick="updateShortLink()" type="button">
|
||
更新短链
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- footer-->
|
||
<footer>
|
||
<p class="text-center">
|
||
Powered by
|
||
<a class="link-primary" href="https://github.com/bestnite/sub2clash">sub2clash</a>
|
||
</p>
|
||
<p class="text-center">Version {{.Version}}</p>
|
||
</footer>
|
||
</div>
|
||
</body>
|
||
<script src="./static/index.js"></script>
|
||
|
||
</html> |