最美订阅转换前端,UI大改,增加近百条远程配置!

Overview

sub-web-modify

最美订阅转换基于项目CareyWang/sub-web,重制CSS样式,增加“暗黑模式”,监听系统默认主题,自动切换亮/暗模式,点击切换主题按钮的同时会将切换结果写入浏览器localStorage【点击“太阳/月亮”图标即可切换】,增加“高级功能”点击显示/隐藏,新增fakeloader过渡动画、bootstrap框架【解决当手机浏览器切换电脑UA时,远程配置添加过多后,布局乱的问题】和layui【网站弹窗】,解决重新载入网页依然保留上次订阅的问题,添加短链接选择/自定义功能,增加近百条远程配置!
PS:默认把layui弹窗给删了,如果需要加,请在public/index.html中按顺序引入layui.css、layui.all.js、laybox.js即可,路径自己找找!

效果预览:

avatar

食用方法【以Linux为例】:

1.安装 nodeyarngit

2.终端执行 cd /home && git clone https://github.com/limr95/sub-web-modify.git && chmod -R 755 sub-web-modify && cd sub-web-modify && yarn install && yarn build

3.build成功后,需要安装nginx并正确配置,以下为nginx server部分配置,可以参考一下【这块建议新手使用宝塔面板等自动化运维工具,直接将网站目录更改为/home/sub-web-modify/dist即可】!

server {
    listen 80;
    server_name 你的域名或IP;
    root /home/sub-web-modify/dist;
    index index.html index.htm;
    error_page 404 /index.html;
    gzip on; #开启gzip压缩
    gzip_min_length 1k; #设置对数据启用压缩的最少字节数
    gzip_buffers 4 16k;
    gzip_http_version 1.0;
    gzip_comp_level 6; #设置数据的压缩等级,等级为1-9,压缩比从小到大
    gzip_types text/plain text/css text/javascript application/json application/javascript application/x-javascript application/xml; #设置需要压缩的数据格式
    gzip_vary on;
    location ~* \.(css|js|png|jpg|jpeg|gif|gz|svg|mp4|ogg|ogv|webm|htc|xml|woff)$ {
        access_log off;
        add_header Cache-Control "public,max-age=30*24*3600";
    }
}

4.如需进一步修改前端,请在/home/sub-web-modify下执行 yarn serve 进行调试即可

You might also like...
Comments
  • [BUG]无法正确的处理 VLESS 中的 host 及 sni 参数

    [BUG]无法正确的处理 VLESS 中的 host 及 sni 参数

    这是两条测试的链接

    vless://[email protected]:14?encryption=none&security=tls&type=tcp&headerType=none&host=host.example.com#host%E6%B5%8B%E8%AF%95
    vless://[email protected]:810?encryption=none&security=tls&sni=sni.example.com&type=tcp&headerType=none#SNI%E6%B5%8B%E8%AF%95
    

    这是转换结果: image 从转换结果中可以看出,host以及sni参数均未被识别,以至于转换后无法正常运行

    opened by Leao9203 3
  • 规则模板投稿

    规则模板投稿

    大佬,我整了一个ACL4SSR_Online_Full(ACL4SSR全分组)的修改版,看看是否有需要可以上传到订阅转换的配置列表中, 1、移除去广告、电报消息、网易音乐、油管视频、巴哈姆特、哔哩哔哩的单独分组,更精简 2、移除韩国节点分组,优化香港分组的正则匹配 3、增加DisneyPlus分组 4、Netflix、DisneyPlus分组规则在原来的基础上增加了所有节点,在不需要使用手动选择的情况下便捷选择节点 5、额外增加了1个手动选择的分组,共有2个手动选择,方便特殊需求 6、优化自动切换的阈值,防止切换太频繁 ACL4SSR_Online_Full_Dream.zip

    opened by dreamstation625 3
  • GYP ERR: can't find python 2

    GYP ERR: can't find python 2

    Mention:if you have problem in step 2: 2.终端执行 cd /home && git clone https://github.com/youshandefeiyang/sub-web-modify.git && chmod -R 755 sub-web-modify && cd sub-web-modify && yarn install && yarn build and show this : gYP err , build failed you need to know : Python 2.X install or not if not : install now ,it will be solve this problem mention: python 2 different python 3 ( must install python2.X version)

    opened by mkersonJ 2
  • 有些链接转换以后显示520错误码

    有些链接转换以后显示520错误码

    示例订阅:https://gitlab.com/ripaojiedian/freenode/-/raw/main/sub 后端地址:肥羊增强型后端

    将该链接转换以后的订阅链接导入clash显示 失败:HTTP返回状态码(520) 将转换以后订阅链接直接复制到浏览器显示 :api.v1.mk | 520: Web server is returning an unknown error

    opened by ZMSML 1
Releases(v1.0)
Owner
肥羊
前端+运维!
肥羊