/* 针对所有高亮标签和行内代码块 */
mark, :not(pre) > code {
background-color: #dff0d8 !important; /* 浅绿色 */
color: #3c763d !important; /* 深绿色文本 */
padding: 2px 4px;
border-radius: 4px;
}
am-cf-tunnel这是一个基于 Cloudflare Workers 和 Pages平台的脚本,在原版的基础上修改了显示 VLESS 配置信息转换为订阅内容。使用该脚本,你可以方便地将 VLESS 配置信息使用在线配置转换到 Clash、 Singbox 、Quantumult X等工具中订阅使用。Cloudflare Workers 和 Pages 生成VLESS节点,实现订阅连接可以一键订阅节点。最新视频教程
▶️ 新人YouTube 需要您的支持,请务必帮我点赞、关注、打开小铃铛,十分感谢!!! ✅🎁请 follow 我的GitHub、给我所有项目一个 Star 星星(拜托了)!你的支持是我不断前进的动力! 💖 ...
科学上网订阅转换隐私保护SUBWEB
🔄 部署订阅转换:WEB前端 💎 多种主流方案详解 - 从零基础到专家级部署的完整进阶指南亿龙科技 2025-06-30 2025-07-10
🔄 订阅转换前端解决方案当您成功部署了自己的订阅转换后端之后,下一步就是选择合适的WEB前端界面来提升用户体验。本文将为您介绍四种不同特色的订阅转换前端方案,从简单实用到功能丰富,总有一款适合您的需求。
🎯 如何选择合适的方案新手小白推荐
常规前端 :sub-web-modify - 扎实可靠
简单轻量 :cf-worker-mihomo - 高效简洁
进阶高端玩家
优选订阅 :WorkerVless2sub - 批量生成优选订阅,快速提升体验
链式代理 :Socks2Vlesssub - 协议转换,扩展兼容
🛠️ 事前准备
一个 GitHub 账号(用于Fork项目,方便后续部署)
一个 CloudFlare 账号(用于部署Pages项目)
一个域名(可选,使用 HiDNS 免费域名 进行绑定,便于记忆和访问)
1. 📦 基础订阅转换 - sub-web-modify
项目 ...
/* 代码块基本样式 */
.post-content pre.plaintext {
background-color: #1a1b1e;
padding: 1em;
border-radius: 4px;
margin: 1em 0;
overflow-x: auto;
}
.post-content pre.plaintext code {
color: #e9ecef;
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
white-space: pre;
word-spacing: normal;
word-break: normal;
}
/* 代码块容器样式优化 */
.highlight-wrap {
position: relative;
background: #1e1e1e;
border-radius: 6px;
margin: 1.5em 0;
...
/* 全局样式 */
.post-content {
color: #e9ecef;
line-height: 1.8;
font-size: 16px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* 标题样式 */
.post-content h1 {
font-size: 2em;
color: #28a745;
margin: 1.5em 0 1em;
padding-bottom: 0.3em;
border-bottom: 1px solid #333;
}
.post-content h2 {
font-size: 1.75em;
color: #28a745;
margin: 1.5em 0 1em;
}
.post-content h3 {
font-size: 1.5em;
co ...
.post-content {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4 {
color: #344c67;
margin: 1.6em 0 0.6em;
font-weight: 600;
line-height: 1.4;
}
.post-content h1 {
font-size: 2em;
margin-top: 0;
}
.post-content h2 {
font-size: 1.6em;
}
.post-content h3 {
font-size: 1.3em;
}
.post-content p {
margin: 1em 0;
line-height: 2;
color: #4c4948;
}
.post-content a {
...
.post-content {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4 {
color: #344c67;
margin: 1.6em 0 0.6em;
font-weight: 600;
line-height: 1.4;
}
.post-content h1 {
font-size: 2em;
margin-top: 0;
}
.post-content h2 {
font-size: 1.6em;
}
.post-content h3 {
font-size: 1.3em;
}
.post-content p {
margin: 1em 0;
line-height: 2;
color: #4c4948;
}
.post-content a {
...
.post-content {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4 {
color: #344c67;
margin: 1.6em 0 0.6em;
font-weight: 600;
line-height: 1.4;
}
.post-content h1 {
font-size: 2em;
margin-top: 0;
}
.post-content h2 {
font-size: 1.6em;
}
.post-content h3 {
font-size: 1.3em;
}
.post-content p {
margin: 1em 0;
line-height: 2;
color: #4c4948;
}
.post-content a {
...
.post-content {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4 {
color: #344c67;
margin: 1.6em 0 0.6em;
font-weight: 600;
line-height: 1.4;
}
.post-content h1 {
font-size: 2em;
margin-top: 0;
}
.post-content h2 {
font-size: 1.6em;
}
.post-content h3 {
font-size: 1.3em;
}
.post-content p {
margin: 1em 0;
line-height: 2;
color: #4c4948;
}
.post-content a {
...
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
【Hexo博客系列】No.2 美化Hexo博客,教你如何安装和美化Hexo博客使用安知鱼主题进行个性化配置,涵盖安装、设置、标签页生成及本地搜索
美化Hexo博客,主题安装配置本教程演示将使用一款基于 hexo-theme-butterfly 修改的主题——安知鱼,安知鱼是一个简洁、美丽的静态 hexo 主题。
项目地址:https://github.com/anzhiyu-c/hexo-theme-anzhiyu
官方文档:https://docs.anheyu.com/ ...
/* 针对所有高亮标签和行内代码块 */
mark, :not(pre) > code {
background-color: #dff0d8 !important; /* 浅绿色 */
color: #3c763d !important; /* 深绿色文本 */
padding: 2px 4px;
border-radius: 4px;
}
[]
.video-container {
position: relative;
width: 100%;
padding-top: 56.25%; /* 16:9 aspect ratio (height/width = 9/16 * 100%) */
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
BPB节点LibreTV影视聚合平台在线视频搜索平台影视网站影视CMSCloudflare Pages 教程A ...
















