Files
x-panel/web/html/navigation.html

429 lines
32 KiB
HTML
Raw Permalink Normal View History

2026-05-03 11:34:48 +08:00
{{ template "page/head_start" .}}
<style>
/*
样式优化:强制选项卡铺满主区域并等宽显示
- display: flex; 使其成为弹性容器
- flex-grow: 1; 让每个选项卡平均分配可用空间
*/
.ant-tabs-bar {
margin: 0;
display: flex !important;
width: 100% !important;
}
/* 新增规则:强制 .ant-tabs-nav-wrap 参与弹性布局,这是解决问题的关键 */
.ant-tabs-nav-wrap {
display: flex !important;
flex: 1 !important;
}
/* 优化选项卡导航的flexbox布局确保等宽显示 */
.ant-tabs-nav {
width: 100%;
display: flex !important;
}
/* 为选项卡内部添加内边距和文字大小调整 */
.ant-tabs-tab {
flex: 1 !important; /* 新增规则:强制选项卡等宽显示 */
text-align: center;
padding: 0 16px;
font-size: 18px; /* 增大选项卡文字大小 */
}
/* 为选项卡图标和文字之间添加间距 */
.ant-tabs-tab .anticon + span {
margin-left: 8px;
}
/*
根据 settings.html 文件的布局,为内容区设置 16px 的左右间距,
使其与侧边栏保持一致。
*/
#content-layout .ant-layout-content {
max-width: 1200px;
padding-top: 0 !important; /* 强制移除顶部的间距 */
padding-left: 16px;
padding-right: 16px;
box-sizing: border-box;
}
/*
为选项卡和内容卡片之间添加一个合适的间隙。
使用 margin-top 和 padding 调整卡片的位置和内部空间。
*/
.tab-content-pane {
padding-top: 24px;
}
.tab-content-pane .ant-card {
padding: 24px;
}
/*
确保文本颜色继承父元素,以兼容不同主题
(如:暗色主题下文本变为白色)
*/
.tab-content-pane h2,
.tab-content-pane p,
.tab-content-pane strong,
.tab-content-pane ol,
.tab-content-pane ul,
.tab-content-pane li,
.tab-content-pane code {
color: inherit !important; /* 强制继承父元素的颜色 */
}
/* 确保链接文字在任何主题下都显示为蓝色,以保持一致的视觉识别 */
.tab-content-pane a {
color: #1890ff !important;
}
.tab-content-pane a:hover {
text-decoration: underline;
}
/* 调整 p 标签字体大小,使其更易于阅读。*/
#content-layout .tab-content-pane p {
line-height: 1.8;
font-size: 18px !important;
margin-bottom: 1.5em; /* 为段落添加底部外边距 */
}
/* 修复列表文字大小和行高问题 */
.tab-content-pane ol, .tab-content-pane ul {
padding-left: 20px;
margin-bottom: 1em;
}
.tab-content-pane ol li, .tab-content-pane ul li {
margin-bottom: 0.5em;
line-height: 1.8;
font-size: 15px; /* 调整列表项字体大小 */
}
</style>
{{ template "page/head_end" .}}
{{ template "page/body_start" .}}
<a-layout id="app" v-cloak :class="themeSwitcher.currentTheme">
<a-sidebar></a-sidebar>
<a-layout id="content-layout">
<a-layout-content>
<a-spin :spinning="false">
<a-tabs v-model="activeKey">
<a-tab-pane key="1">
<template #tab>
<a-icon type="tool"></a-icon>
<span>有用技巧</span>
</template>
<div class="tab-content-pane">
<a-card>
<h2>一、X-Panel面板交流群与安装教程</h2>
<br>
<p><a href="https://t.me/XUI_CN" target="_blank">点击加入X-Panel面板交流群https://t.me/XUI_CN</a></p>
<p><a href="https://xeefei.blogspot.com/2025/09/x-panel.html" target="_blank">详细安装流程步骤https://xeefei.blogspot.com/2025/09/x-panel.html</a></p>
<br>
<h2>二、判断VPS服务器的IP是否“送中”及解决方法</h2>
<ol>
<li><strong>判断方法:</strong></li>
<li>点击打开 <a href="https://music.youtube.com/" target="_blank">https://music.youtube.com/</a>,能正常访问,代表没“送中”,反之就是“送中”了。</li>
<li><strong>如果送中了如何解决去【拉回来】?解决方法:</strong></li>
<li>关闭/取消登录了谷歌账户的APP定位权限/授权;</li>
<li>将常用的一个谷歌账号的位置记录功能打开;</li>
<li>打开谷歌浏览器,登录开了位置记录功能的谷歌账号,并安装 <a href="https://chrome.google.com/webstore/detail/location-guard/cfohepagpmnodfdmjliccbbigdkfcgia" target="_blank">Location Guard</a> 扩展插件;</li>
<li>打开Location Guard插件选择Fixed Location并在给出的地图上单击即可标记上你想要IP所处的国家/地区 Google IP定位错误使用Location Guard修改</li>
<li>转换到Options选项Default level默认设置为Use fixed location</li>
<li>访问 <a href="打开谷歌地图google.com/maps点击右下角定位授权图标使google" target="_blank">谷歌地图服务</a> 获取当前GPS位置确认是否已修改成功</li>
<li>谷歌搜索my ip即可看到谷歌IP定位到了刚才地图上标记的位置</li>
<li>最后,通过 <a href="https://support.google.com/websearch/workflow/9308722" target="_blank">此网页向谷歌报告IP问题</a></li>
</ol>
<br>
<h2>三、在VPS服务器部署“订阅转换”功能</h2>
<ol>
<li><strong>操作步骤::</strong> </li>
<li>进入脚本输入x-ui命令调取面板选择第【25】选项安装订阅转换模块</li>
<li>等待安装【订阅转换】成功之后,访问地址:<code>https://你的域名:15268</code> </li>
<li>因为在转换过程中需要调取后端API所以请确保端口 8000 和 15268 是打开放行的;</li>
<li>直接复制脚本中提供的【登录地址】,进入后台,点击【节点列表】----->>>【添加节点】;</li>
<li>接下来点击左边侧边栏的【订阅列表】去【添加订阅】;</li>
<li>最后一步点击【客户端】即可导入Clash等软件中使用</li>
<li>此功能集成到X-Panel面板是为了保证安全不会造成链接泄露。</li>
</ol>
<br>
<h2>四、如何保护自己的IP不被封锁被墙掉</h2>
<ol>
<li><strong>使用安全代理协议::</strong> 加密是必备推荐使用vless+reality+vision协议组合</li>
<li><strong>避免共享节点::</strong> 尽量不要在不同的地区多个省份之间不要共同连接同一个IP</li>
<li><strong>隔离IP和端口</strong> 避免多个用户或设备在不同地理位置漫游时使用同一个IP和端口要分开</li>
<li><strong>控制流量::</strong> 不要在单台VPS上长时间进行大流量下载在一天内不要流量过高适时切换节点</li>
<li><strong>使用高位端口::</strong> 创建入站时,尽量使用 40000 至 65000 之间的高位端口号。</li>
<li><strong>核心总结::</strong> 不要多终端、多省份、多朋友共同使用同一个IP和端口。多创建几个入站各用各的避免被 GFW 识别为机场特征。
使用X-Panel面板多创建几个【入站】 多做几条备用,各用各的!各行其道才比较安全!
GFW的思维模式是干掉机场机场的特征个人用户不要去沾染自然IP就保护好了。</li>
</ol>
<br>
<h2>五、检测IP纯净度</h2>
<p>访问 <a href="https://scamalytics.com/" target="_blank">https://scamalytics.com/</a>输入IP检测欺诈分数分数越高代表IP越“脏”。</p>
<br>
<h2>六、查看指定端口的网络连接数</h2>
<p><strong>Linux 命令:</strong><br>
<code>netstat -ntu | grep :节点端口 | grep ESTABLISHED | awk '{print $5}'</code></p>
<br>
<h2>七、如何用 X-Panel 实现“自己偷自己”?</h2>
<ol>
<li><strong>其实很简单,只要你为面板设置了证书, 开启了HTTPS登录就可以将X-Panel面板自身作为web server 无需Nginx等</strong></li>
<li><strong>这里给一个示例: 其中目标网站Dest请填写面板监听端口</strong></li>
<li><strong>可选域名SNI填写面板登录域名 如果您使用其他web server如nginx 将目标网站改为对应监听端口也可;</strong></li>
<li><strong>注意:需要说明的是,如果您处于白名单地区,自己“偷”自己并不适合你;</strong></li>
<li><strong>可选域名一项实际上可以填写任意SNI只要客户端保持一致即可不过并不推荐这样做。</strong></li>
</ol>
<br>
<h2>八、项目声明与注意</h2>
<br>
<ol>
<li><strong>声明:</strong> 此项目仅供个人学习、交流使用,请遵守当地法律法规,勿用于非法用途;请勿用于生产环境。</li>
<li><strong>注意:</strong> 在使用此项目和〔教程〕过程中,若因违反以上声明使用规则而产生的一切后果由使用者自负。</li>
</ol>
<br>
</a-card>
</div>
</a-tab-pane>
<a-tab-pane key="2">
<template #tab>
<a-icon type="wallet"></a-icon>
<span>推广赞助</span>
</template>
<div class="tab-content-pane">
<a-card>
<h2>一、若此项目对你有帮助可以考虑通过以下链接购买VPS</h2>
<br>
<ol>
<li><strong>搬瓦工GIA线路</strong> <a href="https://bandwagonhost.com/aff.php?aff=75015" target="_blank">https://bandwagonhost.com/aff.php?aff=75015</a></li>
<li><strong>Dmit高端GIA机</strong> <a href="https://www.dmit.io/aff.php?aff=9326" target="_blank">https://www.dmit.io/aff.php?aff=9326</a></li>
<li><strong>Gomami亚太顶尖优化线路</strong> <a href="https://gomami.io/aff.php?aff=174" target="_blank">https://gomami.io/aff.php?aff=174</a></li>
<li><strong>ISIF优质亚太优化线路</strong> <a href="https://cloud.isif.net/login?affiliation_code=333" target="_blank">https://cloud.isif.net/login?affiliation_code=333</a></li>
<li><strong>ZoroCloud全球优质原生家宽&住宅双lSP跨境首选</strong> <a href="https://my.zorocloud.com/aff.php?aff=1072" target="_blank">https://my.zorocloud.com/aff.php?aff=1072</a></li>
<li><strong>三网直连 IEPL / IPLC 直播流量转发:</strong> <a href="https://idc333.top/#register/BCUZXNELNO" target="_blank">https://idc333.top/#register/BCUZXNELNO</a></li>
<li><strong>Bagevm优质落地鸡原生IP全解锁</strong> <a href="https://www.bagevm.com/aff.php?aff=754" target="_blank">https://www.bagevm.com/aff.php?aff=754</a></li>
<li><strong>白丝云【4837】量大管饱</strong> <a href="https://cloudsilk.io/aff.php?aff=706" target="_blank">https://cloudsilk.io/aff.php?aff=706</a></li>
<li><strong>RackNerd极致性价比机器</strong> <a href="https://my.racknerd.com/aff.php?aff=15268&pid=912" target="_blank">https://my.racknerd.com/aff.php?aff=15268&pid=912</a></li>
</ol>
<br>
<h2>二、项目相关</h2>
<br>
<p><a href="https://t.me/is_Chat_Bot" target="_blank">--->合作咨询请联系作者<---</a></p>
<p><a href="https://github.com/xeefei/x-panel" target="_blank">X-Panel面板项目地址</a></p>
<br>
</a-card>
</div>
</a-tab-pane>
<a-tab-pane key="3">
<template #tab>
<a-icon type="crown"></a-icon>
<span>X-Panel-Pro 面板〕介绍</span>
</template>
<div class="tab-content-pane">
<a-card>
<h2>一、关于【Pro版】的“收费说明”</h2>
<ol>
<li><strong>【授权码】目前定价:</strong> 100RMB 或 15U 一个,一机一码,不能重复用于不同机器 VPS后期视情况不定时会上涨价格对于X-Panel 面板后期的“新功能”都将在【付费Pro版】中进行更新。</li>
<li><strong>目前的【安装界面】:</strong> 有两种可选“免费基础版”一样可用只是后期不再提供技术支持和重大更新另外在【免费基础版】中【一键配置】功能将不再可用全部放到了【付费Pro版】中。</li>
<li><strong>后期的开发精力:</strong> 全部会放到【付费Pro版】中免费基础版不删库持续保留会大幅降低更新频率后期只会同步更新 Xray 那边的【内核版本】等基础,想继续用的不影响,只是没有【新功能】可用,翻墙也足够。</li>
</ol>
<br>
<h2>二、付费Pro版已实现的功能</h2>
<ol>
<li><strong>新增 -【付费Pro版】的面板后台UI</strong> 添加醒目的“X-Panel-Pro”标识</li>
<li><strong>优化 -【付费Pro版】TG端 【版本更新】提示功能:</strong> 增加详细的“更新说明”;</li>
<li><strong>增加 -Pro版面板后台</strong> 使用 Reality 协议时,可点击“随机更换”所偷的域名;</li>
<li><strong>新增 - 【付费Pro版】TG端 的【发送授权报告】:</strong> 增加“唯一授权防伪码”;</li>
<li><strong>优化 -【付费Pro版】安装脚本界面</strong> 增加【Pro版】该有的“明确标识”</li>
<li><strong>优化 -【付费Pro版】TG端的显示方式</strong> 增加该有的“会员标识”;</li>
<li><strong>新增 -【付费Pro版】安装脚本</strong> 有“网页版SSH工具”可选部署脚本中第26选项</li>
<li><strong>新增 - 【付费Pro版】安装脚本</strong> 有“线路和IP质量检测”可去使用脚本中第27选项</li>
<li><strong>新增 - 【付费Pro版】安装脚本</strong> 有“地区服务器DNS检测”可去使用脚本中第28选项</li>
<li><strong>新增 -【付费Pro版】---->>>TG端</strong> 同步有“网页版SSH工具”可选安装</li>
<li><strong>优化 - 【付费Pro版】---->>>TG端</strong> 点击“服务器状态”时的“版本号显示”;</li>
<li><strong>说明 - 【付费Pro版】TG端中</strong> 使用命令:/webssh安装“网页版SSH”</li>
<li><strong>优化 -Pro版中的一键配置功能</strong> 有更友好的提示方式;</li>
<li><strong>新增 -【付费Pro版】---->>>面板后台的【首页 UI】</strong> 目前是有“5种”可选标准布局 (默认),炫彩动画,深海科技,暮光薰衣,和幽林秘境;你喜欢什么类型的主题,就去点击“选定”之后,就不会自动变了,若后期需要更换,就重选;</li>
<li><strong>新增 -【付费Pro版】---->>>在“创建入站”时:</strong> 可以在页面上更加方便地选择【重置流量】的方式:有每日重置,每周重置,按月重置,或从不重置;</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】TG端“每日报告”</strong> 可定制【发送内容】,自己可点击“打开或关闭”,并且可以选择【发送时间】,可按天,或者每周,每月发;</li>
<li><strong>优化 -【付费Pro版】的“授权码验证机制”</strong> 增加【后台联网验证】,以及“机器指纹”等属性;</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】TG端“多面板管理”</strong> 一个机器人可同时管理其他面板,可以很丝滑地远程操作【被控端 VPS】</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】TG端“获取节点链接”功能</strong> 支持【本机】和【远程被控端 VPS】都能获取开发此功能的目的在于不用进面板后台就能在 TG端 获取到之前已经创建过的“链接”;</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】“一键部署中转节点”</strong> 解决了不懂配置的麻烦已实现远程Socks5创建 --> 本机路由配置 --> 本机入口创建 --> 生成“二维码和链接”,“小手一点”,直接可用;</li>
<li><strong>新增 -X-Panel 面板〕----->>【申请安装证书】“第18选项”</strong> 有“备用方式申请证书”当用常规方式【1】申请不下来时可以试试“备用方式5”</li>
<li><strong>新增 -X-Panel 面板〕----->>【申请安装证书】“第18选项”</strong> 有“可自定义证书路径”,自己进入 VPS 中“手动上传证书”,复制路径,在脚本中填入即可;</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】“深度调优脚本”</strong> 包含 BBR+FQ, TCP Fast Open, 内存缓冲区及队列优化Pro版脚本中“第29选项”可直接用</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】“首页会员等级”显示</strong> 能够明确展示:自己的会员等级,授权码信息,以及“版本更新”提示;</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】“节点上/下线TG通知”功能</strong> 对于【拼车】的宝子,能明确知道:哪个节点,什么时候上线?或者下线时间,做到“心中有数”;</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】“TG端 签到得积分”功能:</strong> 后期针对有【积分】的宝子,会不断推出:相应的【特权】和【福利待遇】,</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】“TG端 积分多重功能”;推出:</strong> 积分查询,积分换购,授权码查询,修改用户名,积分转移/打赏,以及“积分排行榜”,</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】“TG端签到得积分”功能推出【“积分换购”的可用功能】</strong> A、消耗1000积分“自助重置换绑时间”B、消耗5000积分“自助换购一个普通授权码”</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】“远程备份 + 急救还原”功能:</strong> 面板报错“崩了”,不用像之前那样:卸载面板 -->> 重装面板,更不用很麻烦去“重装系统”解决,直接:远程急救还原,前提就是:你自己要知道,在面板“正常运行”的时候,去「备份数据快照」,</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】“每月重置流量”功能</strong> 可输入1—31之间的任意数字比如输入12即代表“每月12号”「重置入站流量」以便提供更友好的“重置流量方式”</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】“批量部署节点”功能</strong> 可直接在面板后台的“一键配置”中去使用点击一次可批量部署生成10条「VLESS + TCP + Reality + Vision」协议组合的入站</li>
<li><strong>新增 -X-Panel 面板〕----->>【付费Pro版】推出“购买机器人”功能</strong> 可自助全自动在“机器人”中:购买授权码,增加配额,充值积分,自助重置换绑等,联系:<a href="https://t.me/Buy_ShouQuan_Bot" target="_blank">https://t.me/Buy_ShouQuan_Bot</a></li>
</ol>
<br>
</a-card>
</div>
</a-tab-pane>
<a-tab-pane key="4">
<template #tab>
<a-icon type="key"></a-icon>
<span>〔授权码〕相关事宜</span>
</template>
<div class="tab-content-pane">
<a-card>
<h2>一、“授权码说明”与批量折扣</h2>
<p><strong>【授权码】100RMB 或 15U一个一机一码。</strong><br>
包括:重装,后期的升级/更新,都能使用,但是不能重复用于不同的机器。<br>
所以推荐稳定使用的机器用【授权码】。<br>
注:“授权码”属虚拟商品,购买之后,一经激活生效,概不退款,<br>
对于一年期限(年付/年抛)的机器,后期可以【换绑】,<br>
为什么要有时间限制?就是为了防止,有些人拿【授权码】滥用。<br>
购买方式/渠道联系机器人:<a href="https://t.me/Buy_ShouQuan_Bot" target="_blank">https://t.me/Buy_ShouQuan_Bot</a>
</p>
<p>经常换的机器,去使用“免费基础版”就行,目前的【安装界面】是有“两种方式”可选择的。</p>
<br>
<h3 style="color: #1890ff;"><strong>【批量授权】折扣适用于业务需求、Tk、跨境电商等</strong></h3>
<p>若都要用【收费Pro版】的话可以用【批量授权】<br>以下列举出来的,就是【批量折扣】的统一“优惠”。<br>批量授权码要求最低5台以上是“一码通用”<br>一个“授权码”可以绑定验证多台 VPS 机器,并且有专属的“豹子号”授权码。</p>
<ul>
<li><strong>5 ——> 20台</strong> 8折尾号5555</li>
<li><strong>20 ——> 50台</strong> 7折尾号66666</li>
<li><strong>50 ——> 100台</strong> 6折尾号777777</li>
<li><strong>100 ——> 200台</strong> 5折尾号8888888</li>
<li><strong>200台 ——> 以上:</strong> 4折尾号99999999</li>
</ul>
<br>
<h2>二、购买赞助方式</h2>
<p>1、若您需要购买【授权码】请跟下面这个“机器人”去对话</p>
<p>———————————————-<br><br>
<a href="https://t.me/Buy_ShouQuan_Bot" target="_blank">https://t.me/Buy_ShouQuan_Bot</a><br>
(授权码购买机器人)<br><br>
———————————————-<br>
输入:/start 或 购买,即可“在线下单”,<br><br>
2、弹出【购买页面】选择或输入“数量”<br>
付款了支付系统会收到回调,金额到账之后,<br>
就会通过那个机器人【发放授权码】给您,<br>
整个流程,是【全自助】的“自动处理”方式,<br>
若您是〔增加配额〕,基本也是一样的流程,<br><br>
3、请注意机器人发给您的所有信息<br>
尽量都去自己【耐心阅读】一遍,“使用说明”,<br>
以及VIP 群〕的信息,也全部都包含在里面的,<br><br>
4、按照之前您安装更新X-Panel 面板〕的方式,<br>
直接重新输入【安装命令】选择【2】就能去<br>
把之前的【免费版】“无缝升级”到最新的【Pro版】。</p>
<br>
<h2>三、关于【授权码】的一些“问题解答”</h2>
<br>
<p><strong>1、“授权码”的有效期是多久一直有效吗能一直用吗</strong></p>
<p>Answer一直有效只要不换机器能一直用但是【换绑机器】有“一年时间的冷却期”<br>“验证系统”会自动从你绑定这个授权码的时候开始计算,自动判断“换绑剩余时间”,<br>如果您等不及一年时间需要提前【换绑机器】那就绑定TG机器人<br>每天“签到拿积分”,可以自己用“积分”去自助重置换绑,只要您有积分,想什么时候换绑随您愿意,<br>意思就是说现在不限制了用“1000积分”或者去购买机器人花20元/次可以“自由换绑”。</p>
<br>
<p><strong>2、“授权码”都有什么样的我怎么能得到一个顺一点的“授权码”</strong></p>
<p>Answer目前的【授权码】分为普通授权码除了开头是“XPANEL”以外其他完全随机<br>【批量豹子号授权码】,根据一次性“购买数量”的不同,有相应的“规则”去生成对应不同的“豹子号尾号”,规则是在程序中“写死了的”;<br>并且,不管“普通授权码”,还是“豹子号授权码”,都是“大写字母+数字”的组合至少24位以上。</p>
<br>
<p><strong>3、那我的【授权码】怎么才能升级到【豹子号授权码】</strong></p>
<p>Answer两种方式另外补足差价购买【豹子号】或推广卖【授权码】拿“返佣”<br>因为【批量授权】有折扣力度,所以这个就相当于自己可以拿【配额】出去卖“授权码”。</p>
<br>
<p><strong>4、为什么有时候重装系统【授权码】会显示“换绑冻结”</strong></p>
<p>Answer因为【授权码】跟 VPS 机器是绑定在一起的,而这个绑定,<br>识别的是由这台 VPS 机器的“硬件信息”构成的【机器指纹】,这个是唯一的,<br>一般来讲,重装系统,不会导致这个【机器指纹】改变,<br>但是,有的宝子,会存在极少数情况,重装系统之后,这台 VPS 的【机器指纹】变了,导致“授权码”冻结。<br>
所以,建议就是:尽量一次性把系统和软件什么的都弄好,既然你这台 VPS 重装系统会变,那只能稳定使用之后,一次性搞好别轻易重装,<br>至于测试练手可以先拿【免费基础版】去搞熟悉了之后再从【免费版】“无缝升级”到【Pro版】所有的“节点数据”都是在的<br>PS【授权码验证系统】识别绑定的是“机器指纹”跟 IP 没有关系,即使 IP 被墙,<br>只要您没有更换机器,换 IP 都不影响;另外,重装系统尽量用 DD脚本 去搞,指纹不会变。</p>
<br>
</a-card>
</div>
</a-tab-pane>
<a-tab-pane key="5">
<template #tab>
<a-icon type="appstore"></a-icon>
<span>其他资源</span>
</template>
<div class="tab-content-pane">
<a-card>
<h2>一、常见的代理软件/工具</h2>
<br>
<ol>
<li><strong>Windows系统v2rayN:</strong> <a href="https://github.com/2dust/v2rayN" target="_blank">https://github.com/2dust/v2rayN</a></li>
<li><strong>安卓手机版【v2rayNG】:</strong> <a href="https://github.com/2dust/v2rayNG" target="_blank">https://github.com/2dust/v2rayNG</a></li>
<li><strong>苹果手机IOS【小火箭】:</strong> <a href="https://apple02.com/" target="_blank">https://apple02.com/</a></li>
<li><strong>苹果MacOS电脑【Clash Verge】:</strong> <a href="https://github.com/clash-verge-rev/clash-verge-rev/releases" target="_blank">https://github.com/clash-verge-rev/clash-verge-rev/releases</a></li>
</ol>
<br>
<h2>二、“接码”网站</h2>
<p><a href="https://sms-activate.org/cn" target="_blank">https://sms-activate.org/cn</a>直接注册账号购买,可用于注册各种在线服务。</p>
<br>
<h2>三、常用网站和群组</h2>
<br>
<ol>
<li><strong>NodeSeek 论坛:</strong> <a href="https://www.nodeseek.com/" target="_blank">https://www.nodeseek.com/</a></li>
<li><strong>V2EX 论坛::</strong> <a href="https://www.v2ex.com/" target="_blank">https://www.v2ex.com/</a></li>
<li><strong>搬瓦工 TG 群::</strong> <a href="https://t.me/BWHOfficial" target="_blank">https://t.me/BWHOfficial</a></li>
<li><strong>Xray 官方群::</strong> <a href="https://t.me/projectXray" target="_blank">https://t.me/projectXray</a></li>
<li><strong>Dmit 交流群::</strong> <a href="https://t.me/DmitChat" target="_blank">https://t.me/DmitChat</a></li>
<li><strong>白丝云用户群::</strong> <a href="https://t.me/+VHZLKELTQyzPNgOV" target="_blank">https://t.me/+VHZLKELTQyzPNgOV</a></li>
<li><strong>NameSilo 域名注册::</strong> <a href="https://www.namesilo.com/" target="_blank">https://www.namesilo.com/</a></li>
</ol>
<br>
<br>
<h2>四、其他内容</h2>
<br>
<p><a href="https://www.youtube.com/results?search_query=4k%E6%B5%8B%E9%80%9F" target="_blank">油管4K测速https://www.youtube.com/results?search_query=4k%E6%B5%8B%E9%90%A6</a></p>
<p><a href="https://xtls.github.io/" target="_blank">Project Xhttps://xtls.github.io/</a></p>
<p><a href="https://whatismyipaddress.com/" target="_blank">我的IP查询https://whatismyipaddress.com/</a></p>
<p><a href="https://translate.google.com/?hl=zh-CN" target="_blank">Google翻译https://translate.google.com/?hl=zh-CN</a></p>
<br>
</a-card>
</div>
</a-tab-pane>
</a-tabs>
</a-spin>
</a-layout-content>
</a-layout>
</a-layout>
{{template "page/body_scripts" .}}
{{template "component/aSidebar" .}}
{{template "component/aThemeSwitch" .}}
<script>
// 初始化 Vue 应用实例
const app = new Vue({
delimiters: ['[[', ']]'],
el: '#app',
data: {
themeSwitcher, // 确保主题切换器对象在 Vue 实例中可用
// 【新增】:用于控制当前选中的标签页,默认为 '1'
activeKey: '1',
},
async mounted() {
// 【新增】:检查 URL 是否带有 ?tab=x 参数
const urlParams = new URLSearchParams(window.location.search);
const tab = urlParams.get('tab');
if (tab) {
// 如果有参数,就自动切换到对应的标签页 (例如 '3')
this.activeKey = tab;
}
},
});
</script>
{{ template "page/body_end" .}}