PageSourceSearch

https://www.upma.cn/

html upma.cn collected 2026-10-06 13:15:05 UTC 238,271 bytes, 3 lines download raw bytes

1<!DOCTYPE html><html lang="zh-CN" class="scroll-smooth"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.29207c2f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/d35f63c56af26677.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/chunks/a4c94fca0c700d6c.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/de81b9ff91d90478.js"/>
1<script src="/_next/static/chunks/fcda6e343690ddf7.js" async=""></script>
1<script src="/_next/static/chunks/e075697bef6197d4.js" async=""></script>
1<script src="/_next/static/chunks/a58e9621eaaff906.js" async=""></script>
1<script src="/_next/static/chunks/53e1ffdd97e720a8.js" async=""></script>
1<script src="/_next/static/chunks/turbopack-47769c0053d01043.js" async=""></script>
1<script src="/_next/static/chunks/733d483dbb25b2a8.js" async=""></script>
1<script src="/_next/static/chunks/e61992e38fd16c06.js" async=""></script>
1<script src="/_next/static/chunks/fe96ba40e9e8ef1d.js" async=""></script>
1<script src="/_next/static/chunks/db81d66fdcac06eb.js" async=""></script>
1<script src="/_next/static/chunks/61148fb845518522.js" async=""></script>
1<script src="/_next/static/chunks/b2b9122c1b63621e.js" async=""></script>
1<script src="/_next/static/chunks/395e51502c352751.js" async=""></script>
1<script src="/_next/static/chunks/bec9bc27fd316f44.js" async=""></script>
1<script src="/_next/static/chunks/75f964463e43185f.js" async=""></script>
1<script src="/_next/static/chunks/d7b8a6adcb687647.js" async=""></script>
1<script src="/_next/static/chunks/f95229c85107bf47.js" async=""></script>
1<script src="/_next/static/chunks/0dc97eab4bbef92a.js" async=""></script>
1<script src="/_next/static/chunks/8f11cc485796c631.js" async=""></script>
1<meta name="next-size-adjust" content=""/><title>免费静态网站托管平台 - HTML/PDF 与 AI 网站一键部署 | 上码 Upma</title><meta name="description" content="上码 Upma 提供免费静态网站托管服务,支持 HTML/PDF 与 AI 网站一键部署,同时兼容图片上传与外链。适配 DeepSeek/ChatGPT/Gemini 生成网页,内置自定义域名、HTTPS、全球 CDN 与版本回滚。"/><meta name="keywords" content="免费静态网站托管平台,免费网站托管平台,静态网站托管,HTML 托管,PDF 托管,AI 网站一键部署,AI 网页发布,AI 代码部署,图片外链,DeepSeek 网页发布,ChatGPT 网页发布,Gemini 网页发布"/><link rel="canonical" href="https://www.upma.cn"/><meta property="og:title" content="免费静态网站托管平台 - HTML/PDF 与 AI 网站一键部署 | 上码 Upma"/><meta property="og:description" content="支持 HTML/PDF 与 AI 网站一键部署,兼容图片上传与外链,立即获得 HTTPS 链接。"/><meta property="og:url" content="https://www.upma.cn"/><meta property="og:image" content="https://www.upma.cn/logo.png"/><meta property="og:image:width" content="512"/><meta property="og:image:height" content="512"/><meta property="og:image:alt" content="上码 - 免费静态托管平台"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="免费静态网站托管平台 - HTML/PDF 与 AI 网站一键部署 | 上码 Upma"/><meta name="twitter:description" content="支持 HTML/PDF 与 AI 网站一键部署,兼容图片上传与外链,立即获得 HTTPS 链接。"/><meta name="twitter:image" content="https://www.upma.cn/logo.png"/><meta name="twitter:image:width" content="512"/><meta name="twitter:image:height" content="512"/><meta name="twitter:image:alt" content="上码 - 免费静态托管平台"/><link rel="icon" href="/favicon.ico?favicon.441ae040.ico" sizes="256x256" type="image/x-icon"/>
1<script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script>
1</head><body class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased overflow-x-hidden bg-gray-50 dark:bg-[#050505] text-slate-900 dark:text-white"><div hidden=""><!--$--><!--/$--></div><style>#nprogress{pointer-events:none}#nprogress .bar{background:linear-gradient(to right, #6366f1, #8b5cf6, #ec4899);position:fixed;z-index:1600;top: 0;left:0;width:100%;height:3px}#nprogress .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #8b5cf6,0 0 5px #8b5cf6;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1600;top: 15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:2px solid transparent;border-top-color:linear-gradient(to right, #6366f1, #8b5cf6, #ec4899);border-left-color:linear-gradient(to right, #6366f1, #8b5cf6, #ec4899);border-radius:50%;-webkit-animation:nprogress-spinner 400ms linear infinite;animation:nprogress-spinner 400ms linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .bar,.nprogress-custom-parent #nprogress .spinner{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}</style>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"上码","applicationCategory":"DeveloperApplication","operatingSystem":"Web","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"description":"A platform to deploy AI-generated code (DeepSeek, ChatGPT, Claude) to the web instantly."}</script>
1<script>((a,b,c,d,e,f,g,h)=>{let i=document.documentElement,j=["light","dark"];function k(b){var c;(Array.isArray(a)?a:[a]).forEach(a=>{let c="class"===a,d=c&&f?e.map(a=>f[a]||a):e;c?(i.classList.remove(...d),i.classList.add(f&&f[b]?f[b]:b)):i.setAttribute(a,b)}),c=b,h&&j.includes(c)&&(i.style.colorScheme=c)}if(d)k(d);else try{let a=localStorage.getItem(b)||c,d=g&&"system"===a?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":a;k(d)}catch(a){}})("class","theme","system",null,["light","dark"],null,true,true)</script>
1<div class="bg-[#050505] text-white"><div class="fixed inset-0 pointer-events-none overflow-hidden"><div class="absolute top-0 left-1/4 w-96 h-96 bg-purple-600/30 rounded-full mix-blend-multiply filter blur-[128px] opacity-24 animate-blob"></div><div class="absolute top-0 right-1/4 w-96 h-96 bg-blue-600/30 rounded-full mix-blend-multiply filter blur-[128px] opacity-24 animate-blob animation-delay-2000"></div><div class="absolute -bottom-32 left-1/3 w-96 h-96 bg-pink-600/30 rounded-full mix-blend-multiply filter blur-[128px] opacity-24 animate-blob animation-delay-3000"></div><div class="absolute inset-0 bg-[url(&#x27;/noise.svg&#x27;)] opacity-26"></div></div><nav class="fixed top-0 w-full z-50 backdrop-blur-xl border-b transition-all bg-black/50 border-white/5 supports-[backdrop-filter]:bg-black/20"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="flex justify-between items-center h-16 relative"><div class="flex items-center gap-2 cursor-pointer relative z-20"><svg width="160" height="32" viewBox="0 0 160 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="-ml-4 sm:ml-0" aria-label="上码 Logo"><defs><linearGradient id="circle_bg" x1="0" y1="0" x2="40" y2="40" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#1e1b4b"></stop> <stop offset="100%" stop-color="#2e1065"></stop> </linearGradient><linearGradient id="triangle_gradient" x1="20" y1="10" x2="20" y2="32" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#6366f1"></stop> <stop offset="50%" stop-color="#8b5cf6"></stop> <stop offset="100%" stop-color="#ec4899"></stop> </linearGradient><linearGradient id="dark_text_gradient" x1="0" y1="0" x2="0" y2="100%" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#dedede"></stop><stop offset="100%" stop-color="#a0aec0"></stop></linearGradient><filter id="text_shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="0" dy="1" stdDeviation="1" flood-color="#000000" flood-opacity="0.5"></feDropShadow></filter></defs><g><circle cx="20" cy="20" r="20" fill="url(#circle_bg)"></circle><circle cx="20" cy="20" r="19" stroke="white" stroke-opacity="0.1" stroke-width="1"></circle><path d="M20 11L30 29H10L20 11Z" fill="url(#triangle_gradient)" class="drop-shadow-sm"></path></g><g transform="translate(48, 0)"><text x="0" y="29" fill="url(#dark_text_gradient)" filter="url(#text_shadow)" font-size="24" font-weight="900" font-family="PingFang SC, Microsoft YaHei, system-ui, sans-serif" letter-spacing="0.02em">上码</text><g transform="translate(54, 0)"><text x="0" y="17" fill="url(#triangle_gradient)" font-size="12" font-weight="900" font-family="Manrope, Inter, system-ui, sans-serif" letter-spacing="0.1em" style="text-transform:uppercase">up</text><text x="0" y="31" font-size="12" font-family="Manrope, Inter, system-ui, sans-serif" font-weight="900" letter-spacing="0.1em"><tspan fill="url(#triangle_gradient)" style="text-transform:uppercase">ma</tspan><tspan fill="white" fill-opacity="0.4" font-weight="600" font-size="10" dx="2">.cn</tspan></text></g></g></svg></div><div class="hidden md:flex items-center space-x-1 absolute left-1/2 -translate-x-1/2 h-full"><div class="relative h-full flex items-center px-4"><button class="flex items-center gap-1 text-[0.925rem] font-medium transition-colors text-gray-400 hover:text-white">功能<svg class="w-4 h-4 transition-transform duration-200 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="absolute top-full left-1/2 -translate-x-1/2 pt-4 w-[820px]" style="opacity:0;pointer-events:none;visibility:hidden;transform:translateY(10px) scale(0.95)"><div class="bg-[#12141a] border border-white/10 rounded-2xl shadow-2xl p-6 relative overflow-hidden"><div class="absolute inset-0 bg-linear-to-br from-white/5 to-transparent pointer-events-none"></div><div class="grid grid-cols-3 gap-4 relative z-10"><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/global-cdn"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 
10 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">全球 CDN 加速</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">280+ 节点毫秒级触达</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/free-ssl"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">免费 SSL 证书</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">自动续期,永久免费</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/cli-deploy"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">CLI 极速部署</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">一行命令发布上线</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/instant-rollback"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">秒级回滚</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">快速恢复到任意版本</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/custom-domains"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">自定义域名</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">绑定您的专属品牌域名</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/password-protection"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">密码访问保护</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">私密项目安全防护</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/analytics"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">访问统计</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">实时流量分析与洞察</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features/team-collaboration"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 
10 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">团队协作</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">多人协同开发与管理</div></div></a><a class="group flex items-start gap-4 p-4 rounded-xl transition-colors hover:bg-white/5" href="/features"><div class="p-2 rounded-lg transition-colors bg-white/5 text-gray-400 group-hover:text-blue-400 group-hover:bg-blue-500/10"><svg class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2V6zm10 0a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2V6zM4 16a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2H6a2 2 0 01-2-2v-2zm10 0a2 2 0 012-2h2a2 2 0 012 2v2a2 2 0 01-2 2h-2a2 2 0 01-2-2v-2z"></path></svg></div><div><div class="text-sm font-bold transition-colors text-gray-200 group-hover:text-white">全部特性</div><div class="text-xs mt-1 text-gray-500 group-hover:text-gray-400">探索所有平台能力</div></div></a></div></div></div></div><div class="relative h-full flex items-center px-4"><button class="flex items-center gap-1 text-[0.925rem] font-medium transition-colors text-gray-400 hover:text-white">工具<svg class="w-4 h-4 transition-transform duration-200 text-gray-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="absolute top-full left-1/2 -translate-x-1/2 pt-4 w-[1000px]" style="opacity:0;pointer-events:none;visibility:hidden;transform:translateY(10px) scale(0.95)"><div class="bg-[#12141a] border border-white/10 rounded-2xl shadow-2xl p-6 relative overflow-hidden"><div class="absolute inset-0 bg-linear-to-br from-white/5 to-transparent pointer-events-none"></div><div class="grid grid-cols-5 gap-8 relative z-10"><div><h4 class="text-xs font-bold uppercase tracking-wider mb-4 border-b pb-2 text-gray-500 border-white/5">框架部署</h4><ul class="space-y-2"><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/frameworks"><span>框架部署总览</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">导航</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-html"><span>HTML 部署</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">热门</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-vue"><span>Vue 部署</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">流行</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-react"><span>React 部署</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">流行</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-next"><span>Next.js 部署</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">热门</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-deepseek"><span>DeepSeek 部署</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">AI</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-chatgpt"><span>ChatGPT 部署</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">AI</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/deploy-gemini"><span>Gemini 部署</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">AI</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/host-pdf"><span>PDF 托管</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">工具</span></a></li></ul></div><div><h4 class="text-xs font-bold uppercase tracking-wider mb-4 border-b pb-2 text-gray-500 border-white/5">托管场景</h4><ul class="space-y-2"><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/personal-website"><span>个人网站托管</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">热门</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/student-hosting"><span>学生作业托管</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">免费</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/resume"><span>简历托管</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">推荐</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/portfolio"><span>作品集托管</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">设计</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/documentation"><span>文档托管</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">技术</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/marketing"><span>H5 营销页</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">运营</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/web-games"><span>Web 游戏托管</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">娱乐</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/deploy/link-in-bio"><span>导航页托管</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">社交</span></a></li></ul></div><div><h4 class="text-xs font-bold uppercase tracking-wider mb-4 border-b pb-2 text-gray-500 border-white/5">开发必备</h4><ul class="space-y-2"><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/json-formatter"><span>JSON 格式化</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">日常</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/timestamp"><span>
1时间戳转换</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">日常</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/uuid"><span>UUID/ULID</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">生成</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/regex"><span>正则测试 (Regex)</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">专业</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/sql-formatter"><span>SQL 格式化</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">格式</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/jwt"><span>JWT 解析</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">调试</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/crontab"><span>Crontab 生成</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">工具</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/chmod"><span>Linux 权限计算</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">运维</span></a></li></ul></div><div><h4 class="text-xs font-bold uppercase tracking-wider mb-4 border-b pb-2 text-gray-500 border-white/5">前端与设计</h4><ul class="space-y-2"><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/qrcode"><span>二维码生成</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">生成</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/mockup"><span>设备样机生成</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">设计</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/svg-optimizer"><span>SVG 压缩</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">优化</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/favicon"><span>Favicon 生成</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">生成</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/color-converter"><span>颜色转换</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">设计</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/minifier"><span>代码压缩 (Minifier)</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">优化</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/css-to-tailwind"><span>CSS 转 Tailwind</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">转换</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/og-image"><span>OG 图片生成</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">社交</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/lorem-ipsum"><span>Lorem Ipsum</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">文本</span></a></li></ul></div><div><h4 class="text-xs font-bold uppercase tracking-wider mb-4 border-b pb-2 text-gray-500 border-white/5">网络与 SEO</h4><ul class="space-y-2"><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/ip"><span>IP 查询</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">查询</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/ssl-check"><span>SSL 证书检测</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">最新</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/ping"><span>Ping 检测</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">网络</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/dns"><span>DNS 查询</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">查询</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/user-agent"><span>User Agent 分析</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">信息</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/robots"><span>Robots.txt</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">SEO</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/meta-generator"><span>Meta 生成器</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">SEO</span></a></li><li><a class="flex items-center justify-between text-sm group transition-colors text-gray-300 hover:text-white" href="/tools/utm-builder"><span>UTM 参数生成</span><span class="text-[10px] px-1.5 py-0.5 rounded ml-2 bg-blue-600/20 text-blue-400">追踪</span></a></li></ul></div></div></div></div></div><a class="px-4 text-[0.925rem] font-medium transition-colors text-gray-400 hover:text-white" href="/pricing">定价</a><a class="px-4 text-[0.925rem] font-medium transition-colors cursor-pointer text-gray-400 hover:text-white" href="/docs">教程</a><a class="px-4 text-[0.925rem] font-medium transition-colors cursor-pointer text-gray-400 hover:text-white" href="/explore">探索广场</a></div><div class="flex items-center gap-4 relative z-20"><a class="text-sm font-medium transition-colors md:hidden text-gray-300 hover:text-white" href="/pricing">定价</a><button class="text-sm font-medium transition-colors hidden sm:block text-gray-300 hover:text-white">登录</button><button class="text-white rounded-full px-5 py-1.5 text-sm font-medium transition-colors bg-[#6300ff] hover:bg-[#7000ff] shadow-[0_0_15px_rgba(99,0,255,0.4)]">免费注册</button></div></div></div></nav><main>
1<script type="application/ld+json">[{"@context":"https://schema.org","@type":"WebSite","name":"上码 (Shangma)","url":"https://www.upma.cn"},{"@context":"https://schema.org","@type":"Organization","name":"上码","url":"https://www.upma.cn","logo":"https://www.upma.cn/logo.png","sameAs":["https://twitter.com/shangma_cn","https://github.com/shangma"]},{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"这里主要支持托管哪些类型的静态资源?","acceptedAnswer":{"@type":"Answer","text":"我们支持几乎所有的静态文件部署。包括:普通的 HTML 网页、PDF 文档、图片素材,以及 React/Vue 等框架构建后的 dist 目录。无论是个人博客还是产品演示,都能一键上线。"}},{"@type":"Question","name":"支持 DeepSeek / ChatGPT / Gemini / v0.dev 生成的代码吗?","acceptedAnswer":{"@type":"Answer","text":"完美支持。无论是 v0.dev、Bolt.new 导出的项目,还是 DeepSeek、ChatGPT、Gemini 直接生成的 HTML 单文件,都可以直接部署。无需配置复杂的开发环境,即传即用。"}},{"@type":"Question","name":"上码Upma 是免费的吗?有隐藏费用吗?","acceptedAnswer":{"@type":"Answer","text":"永久免费,且无隐藏费用。Free 套餐支持 2 个项目和每月 1GB 流量,这对于个人博客、作品集或演示 Demo 来说通常足够。无需任何费用即可开始使用。"}},{"@type":"Question","name":"我是小白,不懂代码怎么部署?","acceptedAnswer":{"@type":"Answer","text":"非常简单。如果您是用 AI 写代码,只需把 AI 生成的文件下载到电脑,然后把文件夹拖入我们的上传区即可。全程可视化操作,无需使用命令行。"}},{"@type":"Question","name":"我可以绑定自己的域名吗?HTTPS 是免费的吗?","acceptedAnswer":{"@type":"Answer","text":"当然可以。所有项目都支持绑定您的个性化域名(如 www.yourname.com)。我们会自动为您申请并续期 Let's Encrypt SSL 证书,全自动配置,永久免费。"}},{"@type":"Question","name":"国内访问速度怎么样?","acceptedAnswer":{"@type":"Answer","text":"非常快。我们在全球部署了 280+ 边缘节点。针对国内用户,我们特别优化了香港 CN2 GIA 高速线路,确保您的网站在中国大陆也能秒级打开,无阻断烦恼。"}},{"@type":"Question","name":"免费项目的网站会“休眠”吗?","acceptedAnswer":{"@type":"Answer","text":"不会。这也是我们区别于其他平台的优势。您的静态网站一旦部署,全天候 24 小时在线,全球 CDN 随时响应,永不休眠。"}},{"@type":"Question","name":"支持自动化部署 (CI/CD) 吗?","acceptedAnswer":{"@type":"Answer","text":"支持。我们提供了专门的 CLI 命令行工具。您可以将其集成到 GitHub Actions 或任何 CI 流程中,实现代码提交即自动更新上线。"}}]}]</script>
1<div class="relative lg:h-screen lg:min-h-[800px] lg:max-h-[1000px] flex flex-col overflow-hidden pb-6"><div class="absolute inset-0 z-0 bg-[#050505]"><div class="absolute -bottom-[20%] -left-[10%] w-[80%] h-[80%] rounded-full bg-gradient-to-tr from-orange-600/50 via-orange-500/30 to-transparent blur-[120px] transition-all duration-[2000ms] ease-out opacity-0 scale-50 translate-y-20"></div><div class="absolute top-[0%] right-[0%] w-[70%] h-[70%] rounded-full bg-gradient-to-bl from-purple-600/40 via-purple-500/20 to-transparent blur-[120px] transition-all duration-[2500ms] ease-out delay-500 opacity-0 scale-90"></div><div class="transition-opacity duration-[3000ms] delay-700 opacity-0"><canvas class="absolute inset-0 w-full h-full pointer-events-none transition-opacity duration-[2000ms]" style="opacity:1"></canvas></div></div><div class="flex-1 flex flex-col justify-center relative z-10 max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 w-full pt-28"><div class="grid lg:grid-cols-2 gap-12 items-center"><div class="text-left transition-all duration-1000 delay-300 opacity-0 translate-y-10"><div class="inline-flex items-center px-3 py-1 rounded-full border border-blue-500/30 bg-blue-500/10 text-blue-400 text-[10px] sm:text-xs font-semibold mb-6 backdrop-blur-sm"><span class="relative flex h-2 w-2 mr-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-blue-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-blue-500"></span></span>Gemini / GPT / DeepSeek / HTML / React / Vue / PDF</div><h1 class="text-5xl sm:text-6xl font-extrabold tracking-tight mb-6 leading-tight text-white">拖拽即刻上线 <br/><span class="text-4xl sm:text-5xl text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">生成链接, 一键分享</span></h1><p class="text-lg text-gray-300 mb-8 leading-relaxed max-w-lg">最简单的静态网站托管平台。<br/>无论是代码,还是 <strong>ChatGPT / DeepSeek</strong> <!-- -->生成的网页,无需配置,不用懂服务器、不用买域名,拖进来就能分享给全世界。</p><div class="flex flex-col sm:flex-row gap-4"><button class="px-8 py-4 rounded-lg bg-blue-600 hover:bg-blue-500 text-white font-bold text-lg shadow-[0_0_20px_rgba(37,99,235,0.5)] transition transform hover:-translate-y-1">立即发布网站</button><button class="px-8 py-4 rounded-lg glass-dark text-white font-medium hover:bg-white/10 transition flex items-center justify-center border border-white/10 backdrop-blur-md"><svg class="w-5 h-5 mr-2" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 14l-7 7m0 0l-7-7m7 7V3"></path></svg>了解更多</button></div></div><div class="transition-all duration-1000 delay-500 opacity-0 translate-y-10"><div class="relative group"><input type="file" class="hidden" webkitdirectory="" directory="" multiple=""/><input type="file" class="hidden" multiple="" accept=""/><div class="absolute -inset-1 bg-linear-to-r from-blue-600 to-purple-600 rounded-2xl blur opacity-30 group-hover:opacity-70 transition duration-1000"></div><div class="relative bg-[#0F1115] border border-white/10 rounded-xl p-4 sm:p-6 shadow-2xl overflow-hidden"><div class="flex items-center justify-between mb-4 sm:mb-6 border-b border-white/5 pb-3 sm:pb-4"><div class="flex gap-1.5"><div class="w-3 h-3 rounded-full bg-red-500/20"></div><div class="w-3 h-3 rounded-full bg-yellow-500/20"></div><div class="w-3 h-3 rounded-full bg-green-500/20"></div></div><div class="flex bg-gray-800/50 rounded-lg p-0.5 sm:p-1 border border-white/5"><button class="px-2 sm:px-3 py-1 text-[10px] sm:text-xs rounded-md transition-all font-medium bg-gray-700 text-white shadow-sm">文件 / Zip</button><button class="px-2 sm:px-3 py-1 text-[10px] sm:text-xs rounded-md transition-all font-medium text-gray-400 hover:text-gray-300">文件夹</button></div></div><div class="min-h-[220px] sm:min-h-[300px] flex flex-col items-center justify-center"><div class="w-full h-[220px] sm:h-[300px] flex flex-col items-center justify-center border-2 border-dashed rounded-lg transition-all cursor-pointer group/drop
2                  border-gray-700 hover:border-blue-500/50 hover:bg-blue-500/5
3                "><div class="w-12 h-12 sm:w-16 sm:h-16 rounded-xl sm:rounded-2xl bg-linear-to-br from-blue-500/20 to-purple-500/20 flex items-center justify-center mx-auto mb-3 sm:mb-4 group-hover/drop:scale-110 transition duration-300"><svg class="w-6 h-6 sm:w-8 sm:h-8 text-blue-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"></path></svg></div><p class="text-gray-300 font-medium text-sm sm:text-base text-center px-2">点击选择文件或 Zip 包</p><p class="text-gray-500 text-xs sm:text-sm mt-1.5 sm:mt-2 text-center px-2">
3支持 .html, .zip, .pdf, .png, .jpg</p></div></div> </div> </div> </div></div></div><div class="relative z-10 transition-opacity duration-1000 delay-1000 opacity-0"><div class="py-8 mt-16 overflow-hidden relative z-10"><div class="max-w-7xl mx-auto px-4 mb-6"><p class="text-center text-sm text-gray-400 uppercase tracking-widest">支持所有主流框架与 AI 生成代码</p></div><div class="relative flex overflow-x-hidden group"><div class="animate-scroll whitespace-nowrap flex gap-[64px] pr-[64px] items-center opacity-60 grayscale group-hover:grayscale-0 transition duration-500 shrink-0 will-change-transform"><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path><path d="M7 19h10" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg></div>HTML</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-blue-400"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path><circle cx="12" cy="12" r="2"></circle></svg></div>React</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-green-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-green-400"><path d="M2 3h3.5l6.5 11l6.5-11h3.5L12 22L2 3z"></path><path d="M6 3h3l3 5l3-5h3l-6 10L6 3z"></path></svg></div>Vue</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v10h-2zm4 0h2v6h-2z"></path></svg></div>Next.js</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-purple-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-purple-400"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path></svg></div>Vite</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-red-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v2.5zm2.5 3.5h-2.5V7h2.5c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5zm4.5-3.5c0 .83-.67 1.5-1.5 1.5h-1v2h-1.5V7h2.5c.83 0 1.5.67 1.5 1.5v2.5z"></path></svg></div>PDF</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg></div>DeepSeek</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-emerald-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12.0002 0.899902C12.8836 0.899902 13.7548 1.1099 14.5492 1.5143C15.3436 1.9187 16.0409 2.5073 16.5891 3.2361C17.1373 3.9649 17.5226 4.8153 17.7163 5.7243C17.91 6.6333 17.9071 7.5781 17.7078 8.4887L17.2698 10.4887C17.1352 11.1035 17.1668 11.7397 17.3615 12.3361C17.5562 12.9325 17.9074 13.4687 18.3812 13.8931C18.855 14.3175 19.4352 14.6155 20.0652 14.7581C20.6952 14.9007 21.3536 14.8831 21.9762 14.7067L23.1002 14.3887V16.8999C23.1002 19.7165 21.9813 22.4177 19.9893 24.4097C17.9973 26.4017 15.2961 27.5207 12.4794 27.5207C9.6628 27.5207 6.9616 26.4017 4.9696 24.4097C2.9776 22.4177 1.8586 19.7165 1.8586 16.8999V14.3887L2.9826 14.7067C3.6052 14.8831 4.2636 14.9007 4.8936 14.7581C5.5236 14.6155 6.1038 14.3175 6.5776 13.8931C7.0514 13.4687 7.4026 12.9325 7.5973 12.3361C7.792 11.7397 7.8236 11.1035 7.689 10.4887L
37.251 8.4887C7.0517 7.5781 7.0488 6.6333 7.2425 5.7243C7.4362 4.8153 7.8215 3.9649 8.3697 3.2361C8.9179 2.5073 9.6152 1.9187 10.4096 1.5143C11.204 1.1099 12.0752 0.899902 12.9586 0.899902H12.0002Z" transform="scale(0.8) translate(3,3)"></path></svg></div>ChatGPT</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z"></path></svg></div>Claude</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L22 20H2L12 2Z"></path></svg></div>V0.dev</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M4.5 4.5L19.5 12L4.5 19.5V4.5Z"></path></svg></div>Cursor</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-sky-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.4 7.2L19.2 9.6L14.4 12L12 17.2L9.6 12L4.8 9.6L9.6 7.2L12 2Z"></path></svg></div>Gemini</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path><path d="M7 19h10" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg></div>HTML</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-blue-400"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path><circle cx="12" cy="12" r="2"></circle></svg></div>React</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-green-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-green-400"><path d="M2 3h3.5l6.5 11l6.5-11h3.5L12 22L2 3z"></path><path d="M6 3h3l3 5l3-5h3l-6 10L6 3z"></path></svg></div>Vue</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v10h-2zm4 0h2v6h-2z"></path></svg></div>Next.js</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-purple-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-purple-400"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path></svg></div>Vite</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-red-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v2.5zm2.5 3.5h-2.5V7h2.5c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5zm4.5-3.5c0 .83-.67 1.5-1.5 1.5h-1v2h-1.5V7h2.5c.83 0 1.5.67 1.5 1.5v2.5z"></path></svg></div>PDF</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg></div>DeepSeek</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-emerald-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12.0002 0.899902C12.8836 0.899902 13.7548 1.1099 14.5492 1.5143C15.3436 1.9187 16.0409 2.5073 16.5891 3.2361C17.1373 3.9649 17.5226 4.8153 17.7163 5.7243C17.91 6.6333 17.9071 7.5781 17.7078 8.4887L17.2698 10.4887C17.1352 11.1035 17.1668 11.7397 17.3615 12.3361C17.5562 12.9325 17.9074 13.4687 18.3812 13.8931C18.855 14.3175 19.4352 14.6155 20.0652 14.7581C20.6952 14.9007 21.3536 14.8831 21.9762 14.7067L23.1002 14.3887V16.8999C23.1002 19.7165 21.9813 22.4177 19.9893 24.4097C17.9973 26.4017 15.2961 27.5207 12.4794 27.5207C9.6628 27.5207 6.9616 26.4017 4.9696 24.4097C2.9776 22.4177 1.8586 19.7165 1.8586 16.8999V14.3887L2.9826 14.7067C3.6052 14.8831 4.2636 14.9007 4.8936 14.7581C5.5236 14.6155 6.1038 14.3175 6.5776 13.8931C7.0514 13.4687 7.4026 12.9325 7.5973 12.3361C7.792 11.7397 7.8236 11.1035 7.689 10.4887L
37.251 8.4887C7.0517 7.5781 7.0488 6.6333 7.2425 5.7243C7.4362 4.8153 7.8215 3.9649 8.3697 3.2361C8.9179 2.5073 9.6152 1.9187 10.4096 1.5143C11.204 1.1099 12.0752 0.899902 12.9586 0.899902H12.0002Z" transform="scale(0.8) translate(3,3)"></path></svg></div>ChatGPT</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z"></path></svg></div>Claude</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L22 20H2L12 2Z"></path></svg></div>V0.dev</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M4.5 4.5L19.5 12L4.5 19.5V4.5Z"></path></svg></div>Cursor</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-sky-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.4 7.2L19.2 9.6L14.4 12L12 17.2L9.6 12L4.8 9.6L9.6 7.2L12 2Z"></path></svg></div>Gemini</span></div><div class="animate-scroll whitespace-nowrap flex gap-[64px] pr-[64px] items-center opacity-60 grayscale group-hover:grayscale-0 transition duration-500 shrink-0 will-change-transform"><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path><path d="M7 19h10" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg></div>HTML</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-blue-400"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path><circle cx="12" cy="12" r="2"></circle></svg></div>React</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-green-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-green-400"><path d="M2 3h3.5l6.5 11l6.5-11h3.5L12 22L2 3z"></path><path d="M6 3h3l3 5l3-5h3l-6 10L6 3z"></path></svg></div>Vue</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v10h-2zm4 0h2v6h-2z"></path></svg></div>Next.js</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-purple-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-purple-400"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path></svg></div>Vite</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-red-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v2.5zm2.5 3.5h-2.5V7h2.5c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5zm4.5-3.5c0 .83-.67 1.5-1.5 1.5h-1v2h-1.5V7h2.5c.83 0 1.5.67 1.5 1.5v2.5z"></path></svg></div>PDF</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg></div>DeepSeek</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-emerald-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12.0002 0.899902C12.8836 0.899902 13.7548 1.1099 14.5492 1.5143C15.3436 1.9187 16.0409 2.5073 16.5891 3.2361C17.1373 3.9649 17.5226 4.8153 17.7163 5.7243C17.91 6.6333 17.9071 7.5781 17.7078 8.4887L17.2698 10.4887C17.1352 11.1035 17.1668 11.7397 17.3615 12.3361C17.5562 12.9325 17.9074 13.4687 18.3812 13.8931C18.855 14.3175 19.4352 14.6155 20.0652 14.7581C20.6952 14.9007 21.3536 14.8831 21.9762 14.7067L23.1002 14.3887V16.8999C23.1002 19.7165 21.9813 22.4177 19.9893 24.4097C17.9973 26.4017 15.2961 27.5207 12.4794 27.5207C9.6628 27.5207 6.9616 26.4017 4.9696 24.4097C2.9776 22.4177 1.8586 19.7165 1.8586 16.8999V14.3887L2.9826 14.7067C3.6052 14.8831 4.2636 14.9007 4.8936 14.7581C5.5236 14.6155 6.1038 14.3175 6.5776 13.8931C7.0514 13.4687 7.4026 12.9325 7.5973 12.3361C7.792 11.7397 7.8236 11.1035 7.689 10.4887L
37.251 8.4887C7.0517 7.5781 7.0488 6.6333 7.2425 5.7243C7.4362 4.8153 7.8215 3.9649 8.3697 3.2361C8.9179 2.5073 9.6152 1.9187 10.4096 1.5143C11.204 1.1099 12.0752 0.899902 12.9586 0.899902H12.0002Z" transform="scale(0.8) translate(3,3)"></path></svg></div>ChatGPT</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z"></path></svg></div>Claude</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L22 20H2L12 2Z"></path></svg></div>V0.dev</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M4.5 4.5L19.5 12L4.5 19.5V4.5Z"></path></svg></div>Cursor</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-sky-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.4 7.2L19.2 9.6L14.4 12L12 17.2L9.6 12L4.8 9.6L9.6 7.2L12 2Z"></path></svg></div>Gemini</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path><path d="M7 19h10" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></svg></div>HTML</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-blue-400"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"></path><circle cx="12" cy="12" r="2"></circle></svg></div>React</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-green-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-green-400"><path d="M2 3h3.5l6.5 11l6.5-11h3.5L12 22L2 3z"></path><path d="M6 3h3l3 5l3-5h3l-6 10L6 3z"></path></svg></div>Vue</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm-1-13h2v10h-2zm4 0h2v6h-2z"></path></svg></div>Next.js</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-purple-900 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-purple-400"><path d="M12 2L2 22h20L12 2z"></path><path d="M12 6l-6 12h12l-6-12z"></path></svg></div>Vite</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-red-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M20 2H8c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-8.5 7.5c0 .83-.67 1.5-1.5 1.5H9v2H7.5V7H10c.83 0 1.5.67 1.5 1.5v2.5zm2.5 3.5h-2.5V7h2.5c.83 0 1.5.67 1.5 1.5v5c0 .83-.67 1.5-1.5 1.5zm4.5-3.5c0 .83-.67 1.5-1.5 1.5h-1v2h-1.5V7h2.5c.83 0 1.5.67 1.5 1.5v2.5z"></path></svg></div>PDF</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"></path></svg></div>DeepSeek</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-emerald-600 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12.0002 0.899902C12.8836 0.899902 13.7548 1.1099 14.5492 1.5143C15.3436 1.9187 16.0409 2.5073 16.5891 3.2361C17.1373 3.9649 17.5226 4.8153 17.7163 5.7243C17.91 6.6333 17.9071 7.5781 17.7078 8.4887L17.2698 10.4887C17.1352 11.1035 17.1668 11.7397 17.3615 12.3361C17.5562 12.9325 17.9074 13.4687 18.3812 13.8931C18.855 14.3175 19.4352 14.6155 20.0652 14.7581C20.6952 14.9007 21.3536 14.8831 21.9762 14.7067L23.1002 14.3887V16.8999C23.1002 19.7165 21.9813 22.4177 19.9893 24.4097C17.9973 26.4017 15.2961 27.5207 12.4794 27.5207C9.6628 27.5207 6.9616 26.4017 4.9696 24.4097C2.9776 22.4177 1.8586 19.7165 1.8586 16.8999V14.3887L2.9826 14.7067C3.6052 14.8831 4.2636 14.9007 4.8936 14.7581C5.5236 14.6155 6.1038 14.3175 6.5776 13.8931C7.0514 13.4687 7.4026 12.9325 7.5973 12.3361C7.792 11.7397 7.8236 11.1035 7.689 10.4887L
37.251 8.4887C7.0517 7.5781 7.0488 6.6333 7.2425 5.7243C7.4362 4.8153 7.8215 3.9649 8.3697 3.2361C8.9179 2.5073 9.6152 1.9187 10.4096 1.5143C11.204 1.1099 12.0752 0.899902 12.9586 0.899902H12.0002Z" transform="scale(0.8) translate(3,3)"></path></svg></div>ChatGPT</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-orange-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.5 9.5L22 12L14.5 14.5L12 22L9.5 14.5L2 12L9.5 9.5L12 2Z"></path></svg></div>Claude</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-black shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L22 20H2L12 2Z"></path></svg></div>V0.dev</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-blue-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M4.5 4.5L19.5 12L4.5 19.5V4.5Z"></path></svg></div>Cursor</span><span class="text-xl font-bold flex items-center gap-3"><div class="w-8 h-8 rounded-lg flex items-center justify-center bg-sky-500 shadow-lg"><svg viewBox="0 0 24 24" fill="currentColor" class="w-4 h-4 text-white"><path d="M12 2L14.4 7.2L19.2 9.6L14.4 12L12 17.2L9.6 12L4.8 9.6L9.6 7.2L12 2Z"></path></svg></div>Gemini</span></div></div></div></div></div><div id="features" class="py-32 relative overflow-hidden"><div class="absolute top-0 left-1/2 -translate-x-1/2 w-[1000px] h-[400px] bg-blue-900/10 blur-[120px] rounded-full pointer-events-none"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center mb-20"><h2 class="text-2xl sm:text-3xl md:text-4xl font-bold mb-2 md:mb-6" style="opacity:0;transform:translateY(20px)">不仅仅是托管,更是<span class="text-transparent bg-clip-text bg-gradient-to-r from-blue-400 to-purple-500">生产力工具</span></h2><p class="text-base sm:text-xl text-gray-400 max-w-2xl mx-auto" style="opacity:0;transform:translateY(20px)">为开发者、设计师及 AI 创作者提供最丝滑的发布体验</p></div><div class="grid grid-cols-1 md:grid-cols-5 gap-6 auto-rows-[300px]"><div class="md:col-span-3 group relative rounded-3xl p-1 bg-[#0F1115] border border-white/5 overflow-hidden hover:border-blue-500/30 transition-colors duration-500" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 bg-gradient-to-br from-blue-500/5 to-purple-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="h-full bg-[#0A0C10] rounded-[22px] p-8 relative overflow-hidden flex flex-col justify-between z-10"><div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff05_1px,transparent_1px),linear-gradient(to_bottom,#ffffff05_1px,transparent_1px)] bg-[size:20px_20px] [mask-image:radial-gradient(black,transparent_70%)] pointer-events-none"></div><div class="relative z-10"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 bg-blue-500/10 rounded-lg flex items-center justify-center text-blue-400 border border-blue-500/10"><svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path></svg></div><div class="flex gap-2"><span class="px-2 py-1 text-xs font-mono text-blue-300 bg-blue-500/10 rounded border border-blue-500/20">React</span><span class="px-2 py-1 text-xs font-mono text-blue-300 bg-blue-500/10 rounded border border-blue-500/20">Vue</span><span class="px-2 py-1 text-xs font-mono text-blue-300 bg-blue-500/10 rounded border border-blue-500/20">Next</span><span class="px-2 py-1 text-xs font-mono text-blue-300 bg-blue-500/10 rounded border border-blue-500/20">HTML</span></div></div><h3 class="text-2xl font-bold text-white mb-3">智能构建引擎</h3><p class="text-gray-400 max-w-md">无论你上传的是 HTML 压缩包,还是 React/Vue 源码,亦或是 AI 生成的代码文件夹,我们的引擎都能自动识别并完成构建。</p></div><div class="absolute right-[-30px] bottom-[-50px] opacity-50 group-hover:opacity-100 transition-all duration-700 transform group-hover:translate-x-[-10px] group-hover:translate-y-[-10px]"><div class="flex gap-5 transform rotate-[-8deg]"><div class="w-48 h-36 bg-[#1a1d24] rounded-xl border border-white/10 shadow-2xl overflow-hidden"><div class="h-7 bg-black/40 border-b border-white/5 flex items-center px-3 gap-1.5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/60"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/60"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/60"></div><span class="ml-2 text-[10px] text-gray-500 font-mono">App.tsx</span></div><div class="p-3 space-y-1.5 font-mono text-[10px]"><div class="flex gap-2"><span class="text-purple-400">
3import</span><span class="text-gray-400">React</span><span class="text-purple-400">from</span><span class="text-green-400">&#x27;react&#x27;</span></div><div class="h-1.5"></div><div class="flex gap-1"><span class="text-blue-400">export</span><span class="text-yellow-400">function</span><span class="text-cyan-400">App</span><span class="text-gray-400">() <!-- -->{</span></div><div class="pl-4 flex gap-1"><span class="text-purple-400">return</span><span class="text-gray-400">&lt;</span><span class="text-pink-400">div</span><span class="text-gray-400">&gt;</span></div></div></div><div class="w-44 h-28 bg-[#0d1117] rounded-xl border border-white/10 shadow-2xl translate-y-16 overflow-hidden"><div class="h-6 bg-black/60 border-b border-white/5 flex items-center px-3"><span class="text-[10px] text-gray-500">● terminal</span></div><div class="p-2 space-y-1 font-mono text-[9px]"><div class="text-green-400">$ pnpm build</div><div class="text-gray-500">✓ Building...</div><div class="text-cyan-400">✓ Done in 2.3s</div></div></div></div></div></div></div><div class="md:col-span-2 group relative rounded-3xl p-1 bg-[#0F1115] border border-white/5 overflow-hidden hover:border-purple-500/30 transition-colors duration-500" style="opacity:0;transform:translateY(20px)"><div class="h-full bg-[#0A0C10] rounded-[22px] p-8 relative overflow-hidden flex flex-col z-10"><div class="absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(168,85,247,0.1),transparent_70%)] opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff05_1px,transparent_1px),linear-gradient(to_bottom,#ffffff05_1px,transparent_1px)] bg-[size:20px_20px] [mask-image:radial-gradient(black,transparent_70%)] pointer-events-none"></div><div class="absolute inset-0 flex items-center justify-center p-8"><div class="w-full h-full relative"><svg viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full h-full"><defs><radialGradient id="center-glow" cx="50%" cy="50%" r="50%"><stop offset="0%" stop-color="#a855f7" stop-opacity="0.3"></stop><stop offset="100%" stop-color="#a855f7" stop-opacity="0"></stop></radialGradient><filter id="glow"><feGaussianBlur stdDeviation="1" result="coloredBlur"></feGaussianBlur><feMerge><feMergeNode in="coloredBlur"></feMergeNode><feMergeNode in="SourceGraphic"></feMergeNode></feMerge></filter></defs><circle cx="50" cy="50" r="35" stroke="white" stroke-opacity="0.03" stroke-width="0.5" fill="none"></circle><circle cx="50" cy="50" r="25" stroke="white" stroke-opacity="0.05" stroke-width="0.5" fill="none"></circle><ellipse cx="50" cy="50" rx="35" ry="15" stroke="white" stroke-opacity="0.03" stroke-width="0.5" fill="none"></ellipse><circle cx="50" cy="50" r="20" fill="url(#center-glow)"></circle><g><line x1="50" y1="50" x2="75" y2="35" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.2s" repeatCount="indefinite" path="M50,50 L75,35"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.2s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="85" y2="50" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.5s" repeatCount="indefinite" path="M50,50 L85,50"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="70" y2="65" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.7999999999999998s" repeatCount="indefinite" path="M50,50 L70,65"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.7999999999999998s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="25" y2="30" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line>
3<circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="2.0999999999999996s" repeatCount="indefinite" path="M50,50 L25,30"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="2.0999999999999996s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="15" y2="45" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.2s" repeatCount="indefinite" path="M50,50 L15,45"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.2s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="20" y2="70" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.5s" repeatCount="indefinite" path="M50,50 L20,70"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="30" y2="55" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.7999999999999998s" repeatCount="indefinite" path="M50,50 L30,55"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.7999999999999998s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="50" y2="18" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="2.0999999999999996s" repeatCount="indefinite" path="M50,50 L50,18"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="2.0999999999999996s" repeatCount="indefinite"></animate></circle></g><g><line x1="50" y1="50" x2="50" y2="82" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.2s" repeatCount="indefinite" path="M50,50 L50,82"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.2s" repeatCount="indefinite"></animate></circle></g><g><line x1="75" y1="35" x2="85" y2="50" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.5s" repeatCount="indefinite" path="M75,35 L85,50"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><line x1="85" y1="50" x2="70" y2="65" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.7999999999999998s" repeatCount="indefinite" path="M85,50 L70,65"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.7999999999999998s" repeatCount="indefinite"></animate></circle></g><g><line x1="75" y1="35" x2="70" y2="65" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="2.0999999999999996s" repeatCount="indefinite" path="M75,35 L70,65"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="2.0999999999999996s" repeatCount="indefinite"></animate></circle></g><g><line x1="25" y1="30" x2="15" y2="45" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.2s" repeatCount="indefinite" path="M25,30 L15,45"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.2s" repeatCount="indefinite"></animate></circle></g><g><line x1="20" y1="70" x2="30" y2="55" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)">
3<animateMotion dur="1.5s" repeatCount="indefinite" path="M20,70 L30,55"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><line x1="75" y1="35" x2="50" y2="18" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="1.7999999999999998s" repeatCount="indefinite" path="M75,35 L50,18"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="1.7999999999999998s" repeatCount="indefinite"></animate></circle></g><g><line x1="70" y1="65" x2="50" y2="82" stroke="white" stroke-opacity="0.08" stroke-width="0.5" stroke-dasharray="2,2"></line><circle r="1.2" fill="#fff" opacity="0.8" filter="url(#glow)"><animateMotion dur="2.0999999999999996s" repeatCount="indefinite" path="M70,65 L50,82"></animateMotion><animate attributeName="opacity" values="0;1;1;0" dur="2.0999999999999996s" repeatCount="indefinite"></animate></circle></g><g><circle cx="50" cy="50" r="15" fill="#a855f7" opacity="0.1"><animate attributeName="r" values="10;20;10" dur="2s" repeatCount="indefinite"></animate><animate attributeName="opacity" values="0.3;0;0.3" dur="2s" repeatCount="indefinite"></animate></circle><circle cx="50" cy="50" r="5" fill="#a855f7" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="5;6.25;5" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="75" cy="35" r="2.5" fill="#22c55e" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2.5;3.125;2.5" dur="2.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="85" cy="50" r="2" fill="#22c55e" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2;2.5;2" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="70" cy="65" r="2.5" fill="#22c55e" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2.5;3.125;2.5" dur="2.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="25" cy="30" r="2" fill="#3b82f6" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2;2.5;2" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="15" cy="45" r="2" fill="#3b82f6" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2;2.5;2" dur="2.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="20" cy="70" r="2" fill="#f59e0b" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2;2.5;2" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="30" cy="55" r="2" fill="#f59e0b" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="2;2.5;2" dur="2.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="50" cy="18" r="1.5" fill="#06b6d4" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="1.5;1.875;1.5" dur="1.5s" repeatCount="indefinite"></animate></circle></g><g><circle cx="50" cy="82" r="1.5" fill="#06b6d4" filter="url(#glow)" style="transform:scale(0);transform-origin:50% 50%;transform-box:fill-box"><animate attributeName="r" values="1.5;1.875;1.5" dur="2.5s" repeatCount="indefinite"></animate></circle></g></svg></div></div><div class="relative z-10 h-full flex flex-col justify-between"><div class="flex justify-between items-start"><h3 class="text-xl font-bold text-white">多节点边缘加速</h3><div class="flex items-center gap-1.5 bg-green-900/30 px-2 py-1 rounded border border-green-500/20"><span class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></span><span class="text-xs text-green-400 font-mono">12ms</span></div></div><p class="text-sm text-gray-400 mt-20">针对中国大陆特别优化 CN2 线路。<br/>直连线·路优化,国内访问零延迟,无需备案即可通过秒开体验。</p></div></div></div><div class="md:col-span-2 group relative rounded-3xl p-1 bg-[#0F1115] border border-white/5 overflow-hidden hover:border-green-500/30 transition-colors duration-500" style="opacity:0;transform:translateY(20px)"><div class="h-full bg-[#0A0C10] rounded-[22px] p-8 relative overflow-hidden flex flex-col z-10"><div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff05_1px,transparent_1px),linear-gradient(to_bottom,#ffffff05_1px,transparent_1px)] bg-[size:20px_20px] [mask-image:radial-gradient(black,transparent_70%)] pointer-events-none"></div><div class="absolute right-[-20px] top-[-10px] bottom-[-10px] w-[180px] opacity-40 group-hover:opacity-70 transition-all duration-700 transform group-hover:translate-x-[-10px]"><div class="bg-[#0d1117] rounded-lg border border-green-500/20 p-3 mb-3 shadow-lg"><div class="flex items-center gap-2 mb-2"><div class="w-5 h-5 bg-green-500/20 rounded flex items-center justify-center"><svg class="w-3 h-3 text-green-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"></path></svg></div><span class="text-[10px] text-green-400 font-mono">SSL ACTIVE</span></div><div class="space-y-1"><div class="h-1.5 w-full bg-green-500/30 rounded-full overflow-hidden"><div class="h-full w-[85%] bg-green-500 rounded-full"></div></div><div class="flex justify-between text-[8px] text-gray-500"><span>有效期</span><span>89天</span></div></div></div><div class="bg-[#0d1117] rounded-lg border border-white/10 p-3 shadow-lg"><div class="text-[10px] text-gray-400 mb-2">安全扫描</div><div class="grid grid-cols-2 gap-2"><div class="text-center p-2 bg-green-500/10 rounded"><div class="text-green-400 text-sm font-bold">A+</div><div class="text-[8px] text-gray-500">评级</div></div><div class="text-center p-2 bg-blue-500/10 rounded"><div class="text-blue-400 text-sm font-bold">0</div><div class="text-[8px] text-gray-500">漏洞</div></div></div></div><div class="absolute -left-16 top-1/2 -translate-y-1/2 w-24 h-24 opacity-30"><svg viewBox="0 0 100 100" class="w-full h-full animate-spin" style="animation-duration:20s"><circle cx="50" cy="50" r="45" fill="none" stroke="currentColor" stroke-width="1" class="text-green-500/30" stroke-dasharray="10,5"></circle></svg></div></div><div class="relative z-10 h-full flex flex-col justify-between"><div><div class="w-10 h-10 bg-green-500/10 rounded-lg flex items-center justify-center text-green-400 mb-4 border border-green-500/10"><svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path></svg></div><h3 class="text-xl font-bold text-white">安全与合规</h3></div><div class="space-y-2 mt-4"><div class="flex items-center gap-2 text-sm text-gray-400"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>自动配置 SSL 证书</div><div class="flex items-center gap-2 text-sm text-gray-400"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>DDoS 基础防护</div><div class="flex items-center gap-2 text-sm text-gray-400"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>密码访问保护</div><div class="flex items-center gap-2 text-sm text-gray-400"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>秒级回滚</div></div></div></div></div><div class="md:col-span-3 group relative rounded-3xl p-1 bg-[#0F1115] border border-white/5 overflow-hidden hover:border-pink-500/30 transition-colors duration-500" style="opacity:0;transform:translateY(20px)"><div class="absolute inset-0 bg-gradient-to-br from-pink-500/5 to-rose-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="h-full bg-[#0A0C10] rounded-[22px] p-8 relative overflow-hidden flex flex-col justify-between z-10"><div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff05_1px,transparent_1px),linear-gradient(to_bottom,#ffffff05_1px,transparent_1px)] bg-[size:20px_20px] [mask-image:radial-gradient(black,transparent_70%)] pointer-events-none"></div><div class="relative z-20"><div class="flex items-center gap-3 mb-4"><div class="w-10 h-10 bg-pink-500/10 rounded-lg flex items-center justify-center text-pink-400 border border-pink-500/10"><svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path></svg></div><span class="px-2 py-1 text-xs font-mono text-pink-300 bg-pink-500/10 rounded border border-pink-500/20">CNAME Supported</span></div><h3 class="text-2xl font-bold text-white mb-3">专属品牌域名</h3><p class="text-gray-400 max-w-md">你可以绑定<!-- --> <span class="text-white font-mono bg-white/10 px-1 rounded">www.yourbrand.com</span>,让你的 AI 作品真正商业化落地。</p></div><div class="absolute right-0 top-[15%] bottom-0 w-[400px] bg-[#1a1d24] rounded-tl-2xl border-l border-t border-white/10 shadow-2xl hidden md:block transform translate-x-16 translate-y-8 group-hover:translate-x-8 group-hover:translate-y-4 transition-all duration-700"><div class="h-10 bg-black/40 border-b border-white/5 flex items-center px-4 gap-2"><div class="flex gap-1.5"><div class="w-3 h-3 rounded-full bg-red-500/50 hover:bg-red-500/80 transition-colors"></div><div class="w-3 h-3 rounded-full bg-yellow-500/50 hover:bg-yellow-500/80 transition-colors"></div><div class="w-3 h-3 rounded-full bg-green-500/50 hover:bg-green-500/80 transition-colors"></div></div><div class="ml-3 flex-1 h-7 bg-black/30 rounded-lg flex items-center px-3 border border-white/5"><span class="text-xs text-green-400">🔒</span><span class="text-xs text-white/60 ml-2 font-mono">https://your-brand.com</span></div></div><div class="p-5 relative overflow-hidden"><div class="absolute inset-0 bg-gradient-to-b from-pink-500/5 to-transparent pointer-events-none"></div><div class="h-24 w-full bg-gradient-to-r from-pink-500/10 to-purple-500/10 rounded-lg border border-white/5 mb-4 flex items-center justify-center"><div class="text-center"><div class="w-20 h-2 bg-white/20 rounded mx-auto mb-2"></div><div class="w-32 h-1.5 bg-white/10 rounded mx-auto"></div></div></div><div class="grid grid-cols-3 gap-3"><div class="h-16 bg-white/5 rounded-lg border border-white/5"></div><div class="h-16 bg-white/5 rounded-lg border border-white/5"></div><div class="h-16 bg-white/5 rounded-lg border border-white/5"></div></div></div></div></div></div></div></div></div><section class="bg-[#0A0C10]/30 pt-20"><div class="max-w-5xl mx-auto px-4 pb-20 "><div class="text-center mb-12" style="opacity:0;transform:translateY(20px)"><h2 class="text-2xl sm:text-3xl font-bold mb-2 md:mb-6">为什么国内开发者应该选择我们?</h2><p class="text-gray-400 max-w-2xl mx-auto leading-relaxed">很多教程推荐 GitHub Pages 或 Vercel/Netlify。它们在国外很棒,但在国内访问速度极慢,甚至经常无法
3访问。以下是真实环境下的延迟测试数据 (2025年12月):</p></div><div class="bg-[#0A0C10] rounded-xl overflow-hidden border border-white/10 shadow-2xl overflow-x-auto" style="opacity:0;transform:translateY(30px)"><table class="w-full text-left border-collapse min-w-[600px]"><thead><tr class="bg-white/5 border-b border-white/10 text-sm uppercase text-gray-400"><th class="p-6 font-semibold whitespace-nowrap">托管平台</th><th class="p-6 font-semibold whitespace-nowrap">技术栈</th><th class="p-6 font-semibold whitespace-nowrap">国内平均延迟 (Ping)</th><th class="p-6 font-semibold whitespace-nowrap">丢包率</th><th class="p-6 font-semibold whitespace-nowrap">稳定性</th></tr></thead><tbody class="text-gray-300"><tr class="border-b border-white/5 hover:bg-white/5 transition bg-green-500/5"><td class="p-6 font-bold text-white flex items-center gap-2 whitespace-nowrap"><div class="w-2 h-2 rounded-full bg-green-500 shadow-[0_0_10px_rgba(34,197,94,0.5)]"></div> <!-- -->上码 (Upma)</td><td class="p-6 text-sm">多边缘节点 / 香港 CN2</td><td class="p-6 font-mono text-green-400 font-bold">45 ms</td><td class="p-6 font-mono text-green-400 tracking-widest">&lt;1%</td><td class="p-6 text-green-400">⭐⭐⭐⭐⭐</td></tr><tr class="border-b border-white/5 hover:bg-white/5 transition group"><td class="p-6 font-bold text-gray-400 group-hover:text-gray-300 transition-colors whitespace-nowrap">GitHub Pages</td><td class="p-6 text-sm">Fastly (主要在美西)</td><td class="p-6 font-mono text-yellow-500">280 ms</td><td class="p-6 font-mono text-yellow-500">15%</td><td class="p-6 text-yellow-500">⭐⭐⭐</td></tr><tr class="hover:bg-white/5 transition group"><td class="p-6 font-bold text-gray-400 group-hover:text-gray-300 transition-colors whitespace-nowrap">Vercel / Netlify</td><td class="p-6 text-sm">AWS Global</td><td class="p-6 font-mono text-red-500">&gt; 350 ms</td><td class="p-6 font-mono text-red-500">25% (部分阻断)</td><td class="p-6 text-red-500">⭐⭐</td></tr></tbody></table></div><p class="text-center text-xs text-gray-600 mt-6">* 数据来源于全国 34 个省市的电信/联通/移动节点平均值</p></div><section class="py-16"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="grid grid-cols-2 md:grid-cols-4 gap-8 mb-12" style="opacity:0;transform:translateY(20px)"><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-3xl md:text-4xl font-bold text-white mb-1">10,000+</div><div class="text-sm text-gray-500">开发者信赖</div></div><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-3xl md:text-4xl font-bold text-white mb-1">50,000+</div><div class="text-sm text-gray-500">网站已部署</div></div><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-3xl md:text-4xl font-bold text-white mb-1">99.9%</div><div class="text-sm text-gray-500">可用性保障</div></div><div class="text-center" style="opacity:0;transform:translateY(20px)"><div class="text-3xl md:text-4xl font-bold text-white mb-1">&lt;50ms</div><div class="text-sm text-gray-500">平均响应</div></div></div><div class="flex flex-wrap items-center justify-center gap-8 md:gap-12" style="opacity:0"><span class="text-xs text-gray-600 uppercase tracking-wider">技术支持</span><div class="text-gray-500 hover:text-gray-300 transition-colors opacity-50 hover:opacity-100" title="Cloudflare"><svg viewBox="0 0 100 40" class="h-6 w-auto fill-current"><text x="0" y="28" class="text-lg font-bold">Cloudflare</text></svg></div><div class="text-gray-500 hover:text-gray-300 transition-colors opacity-50 hover:opacity-100" title="Alibaba Cloud"><svg viewBox="0 0 120 40" class="h-6 w-auto fill-current"><text x="0" y="28" class="text-lg font-bold">阿里云</text></svg></div><div class="text-gray-500 hover:text-gray-300 transition-colors opacity-50 hover:opacity-100" title="Let&#x27;s Encrypt"><svg viewBox="0 0 120 40" class="h-6 w-auto fill-current"><text x="0" y="28" class="text-lg font-bold">Let&#x27;s Encrypt</text></svg></div><div class="text-gray-500 hover:text-gray-300 transition-colors opacity-50 hover:opacity-100" title="GitHub"><svg viewBox="0 0 100 40" class="h-6 w-auto fill-current">
3<text x="0" y="28" class="text-lg font-bold">GitHub</text></svg></div></div></div></section></section><div class="py-24 bg-black/20"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16"><h2 class="text-2xl sm:text-3xl font-bold mb-2 sm:mb-4">工作原理</h2><p class="text-gray-400">简单三步,甚至无需注册即可预览</p></div><div class="grid md:grid-cols-3 gap-12 relative"><div class="hidden md:block absolute top-12 left-[16%] right-[16%] h-0.5 bg-gradient-to-r from-blue-500/20 via-purple-500/20 to-green-500/20"></div><div class="relative flex flex-col items-center text-center group"><div class="w-24 h-24 rounded-2xl glass-dark flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 border border-white/5 group-hover:border-white/20 shadow-lg shadow-black/50"><svg class="w-8 h-8 text-blue-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"></path></svg></div><h3 class="text-xl font-bold text-white mb-3">上传你的项目</h3><p class="text-gray-400 leading-relaxed max-w-xs">直接拖入代码文件夹(HTML/Dist)或 Zip 压缩包。</p></div><div class="relative flex flex-col items-center text-center group"><div class="w-24 h-24 rounded-2xl glass-dark flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 border border-white/5 group-hover:border-white/20 shadow-lg shadow-black/50"><svg class="w-8 h-8 text-purple-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"></path></svg></div><h3 class="text-xl font-bold text-white mb-3">自动识别构建</h3><p class="text-gray-400 leading-relaxed max-w-xs">智能识别 HTML静态站 或 React/Vue 前端项目,自动配置环境。</p></div><div class="relative flex flex-col items-center text-center group"><div class="w-24 h-24 rounded-2xl glass-dark flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 border border-white/5 group-hover:border-white/20 shadow-lg shadow-black/50"><svg class="w-8 h-8 text-green-400" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064"></path></svg></div><h3 class="text-xl font-bold text-white mb-3">全球分发</h3><p class="text-gray-400 leading-relaxed max-w-xs">秒级部署到全球 300+ 边缘节点,自动配置 HTTPS 和 CDN。</p></div></div></div></div><section class="py-24 relative overflow-hidden"><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[1000px] h-[800px] bg-purple-900/10 blur-[120px] rounded-full pointer-events-none"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"><div class="text-center mb-16"><div class="inline-flex items-center gap-2 bg-purple-500/10 border border-purple-500/20 rounded-full px-4 py-1.5 mb-6" style="opacity:0;transform:translateY(20px)"><span class="relative flex h-2 w-2"><span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-purple-400 opacity-75"></span><span class="relative inline-flex rounded-full h-2 w-2 bg-purple-500"></span></span><span class="text-sm font-bold text-purple-400">实时数据监控</span></div><h2 class="text-3xl md:text-5xl font-bold mb-4" style="opacity:0;transform:translateY(20px)">每一次访问,<span class="text-purple-400">清晰可见</span></h2><p class="text-gray-400 max-w-3xl mx-auto" style="opacity:0;transform:translateY(20px)">无需接入任何代码,即可获得专业级访问分析。实时追踪访客来源、设备分布与热门页面,让数据驱动增长。</p></div><div class="relative h-[550px] md:h-[650px] w-full max-w-5xl mx-auto"><div class="absolute inset-x-0 top-4 md:top-6 bottom-0 bg-[#0A0C10] border border-white/10 rounded-xl shadow-2xl overflow-hidden z-10" style="opacity:0;transform:translateY(50px)"><div class="absolute inset-x-0 top-0 h-px bg-linear-to-r from-transparent via-purple-500 to-transparent animate-pulse"></div><div class="h-10 border-b border-white/5 bg-white/5 flex items-center px-4 gap-2"><div class="flex gap-1.5"><div class="w-3 h-3 rounded-full bg-red-500/50"></div><div class="w-3 h-3 rounded-full bg-yellow-500/50"></div><div class="w-3 h-3 rounded-full bg-green-500/50"></div></div><div class="ml-4 text-xs text-gray-500 font-mono">dashboard.www.upma.cn/统计</div></div><div class="p-4 md:p-6 grid grid-cols-1 md:grid-cols-3 gap-4 h-[calc(100%-40px)] overflow-hidden"><div class="md:col-span-2 space-y-4 flex flex-col"><div class="grid grid-cols-2 gap-4"><div class="bg-white/5 border border-white/5 rounded-xl p-4"><div class="text-gray-400 text-xs font-mono mb-1">在线访客</div><div class="text-2xl md:text-3xl font-bold font-mono text-white flex items-end gap-2">842<span class="text-xs font-normal text-green-400 mb-1">↑ 12%</span></div></div><div class="bg-white/5 border border-white/5 rounded-xl p-4"><div class="text-gray-400 text-xs font-mono mb-1">今日访问量</div><div class="text-2xl md:text-3xl font-bold font-mono text-white">24,521</div></div></div><div class="bg-white/5 border border-white/5 rounded-xl p-4 flex-1 relative overflow-hidden min-h-[120px]"><div class="flex justify-between items-center mb-2"><span class="text-xs text-gray-400 font-mono">流量趋势</span><div class="flex gap-2"><span class="text-[10px] bg-purple-500/20 text-purple-300 px-2 py-0.5 rounded">实时</span></div></div><div class="absolute bottom-2 left-4 right-4 h-20 flex items-end gap-0.5"><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div><div class="flex-1 bg-linear-to-t from-purple-500/20 to-purple-500/60 rounded-t-sm" style="height:0px"></div></div></div><div class="border border-white/5 rounded-xl overflow-hidden flex-1 min-h-[100px]"><div class="bg-white/5 px-3 py-2 text-xs text-gray-400 font-mono flex justify-between items-center"><span>实时访客</span><span class="animate-pulse text-green-400">
3● 记录中</span></div><div class="divide-y divide-white/5 text-xs text-gray-300"><div class="flex items-center gap-3 px-3 py-2" style="opacity:0;transform:translateY(-10px)"><span class="text-base">🇺🇸</span><div class="flex items-center gap-2 min-w-0"><span class="font-medium text-gray-200">美国</span><span class="text-gray-500 font-mono text-[10px]">192.168.12.*</span></div><span class="text-gray-500 text-[10px] truncate hidden sm:block">Chrome / macOS</span><span class="text-purple-300 font-mono shrink-0 ml-auto">/</span><span class="text-gray-500 text-[10px] shrink-0 w-12 text-right">刚刚</span></div><div class="flex items-center gap-3 px-3 py-2" style="opacity:1;transform:none"><span class="text-base">🇨🇳</span><div class="flex items-center gap-2 min-w-0"><span class="font-medium text-gray-200">中国</span><span class="text-gray-500 font-mono text-[10px]">223.104.5.*</span></div><span class="text-gray-500 text-[10px] truncate hidden sm:block">Safari / iOS 17</span><span class="text-purple-300 font-mono shrink-0 ml-auto">/features</span><span class="text-gray-500 text-[10px] shrink-0 w-12 text-right">2秒前</span></div><div class="flex items-center gap-3 px-3 py-2" style="opacity:1;transform:none"><span class="text-base">🇯🇵</span><div class="flex items-center gap-2 min-w-0"><span class="font-medium text-gray-200">日本</span><span class="text-gray-500 font-mono text-[10px]">126.72.14.*</span></div><span class="text-gray-500 text-[10px] truncate hidden sm:block">Edge / Windows</span><span class="text-purple-300 font-mono shrink-0 ml-auto">/pricing</span><span class="text-gray-500 text-[10px] shrink-0 w-12 text-right">5秒前</span></div><div class="flex items-center gap-3 px-3 py-2" style="opacity:1;transform:none"><span class="text-base">🇩🇪</span><div class="flex items-center gap-2 min-w-0"><span class="font-medium text-gray-200">德国</span><span class="text-gray-500 font-mono text-[10px]">85.214.132.*</span></div><span class="text-gray-500 text-[10px] truncate hidden sm:block">Firefox / Linux</span><span class="text-purple-300 font-mono shrink-0 ml-auto">/blog</span><span class="text-gray-500 text-[10px] shrink-0 w-12 text-right">12秒前</span></div></div></div></div><div class="space-y-4 flex flex-col"><div class="bg-white/5 border border-white/5 rounded-xl p-4"><div class="text-gray-400 text-xs font-mono mb-3">热门页面</div><div class="space-y-3"><div><div class="flex justify-between text-xs mb-1"><span class="text-gray-300">/</span><span class="text-gray-500">12.5k</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-purple-500 rounded-full" style="width:0px"></div></div></div><div><div class="flex justify-between text-xs mb-1"><span class="text-gray-300">/blog</span><span class="text-gray-500">4.2k</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-purple-500 rounded-full" style="width:0px"></div></div></div><div><div class="flex justify-between text-xs mb-1"><span class="text-gray-300">/features</span><span class="text-gray-500">3.1k</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-purple-500 rounded-full" style="width:0px"></div></div></div></div></div><div class="bg-white/5 border border-white/5 rounded-xl p-4"><div class="text-gray-400 text-xs font-mono mb-3">设备分布</div><div class="flex items-center gap-4"><div class="w-20 h-20 relative shrink-0"><svg viewBox="0 0 36 36" class="w-full h-full -rotate-90"><circle cx="18" cy="18" r="15.915" fill="none" stroke="#1f2937" stroke-width="3"></circle><circle cx="18" cy="18" r="15.915" fill="none" stroke="#a855f7" stroke-width="3" stroke-dasharray="0, 100"></circle><circle cx="18" cy="18" r="15.915" fill="none" stroke="#3b82f6" stroke-width="3" stroke-dasharray="0, 100" stroke-dashoffset="-60"></circle></svg><div class="absolute inset-0 flex items-center justify-center flex-col"><span class="text-lg font-bold text-white">60%</span><span class="text-[8px] text-gray-500">移动端</span></div></div><div class="space-y-1.5 text-xs flex-1"><div class="flex items-center justify-between"><div class="flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-purple-500"></div><span class="text-gray-300">移动端</span></div><span class="text-gray-500">60%</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-blue-500"></div><span class="text-gray-300">桌面端</span></div><span class="text-gray-500">30%</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-gray-600"></div><span class="text-gray-300">平板</span></div><span class="text-gray-500">10%</span></div></div></div></div><div class="bg-white/5 border border-white/5 rounded-xl p-4 flex-1"><div class="text-gray-400 text-xs font-mono mb-3">操作系统</div><div class="space-y-2"><div class="flex items-center gap-2"><span class="text-sm">🪟</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">Windows</span><span class="text-gray-500">38<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-orange-500 rounded-full" style="width:0px"></div></div></div></div><div class="flex items-center gap-2"><span class="text-sm">🍎</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">macOS</span><span class="text-gray-500">25<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-orange-500 rounded-full" style="width:0px"></div></div></div></div><div class="flex items-center gap-2"><span class="text-sm">📱</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">iOS</span><span class="text-gray-500">22<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-orange-500 rounded-full" style="width:0px"></div></div></div></div><div class="flex items-center gap-2"><span class="text-sm">🤖</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">Android</span><span class="text-gray-500">15<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-orange-500 rounded-full" style="width:0px"></div></div></div></div></div></div></div></div></div><div class="absolute -left-6 md:-left-16 -top-4 md:top-50 w-56 bg-[#0F1115]/95 backdrop-blur-sm border border-white/10 rounded-xl shadow-2xl p-3 z-20 hidden md:block" style="opacity:0;transform:translateX(-80px)"><div class="flex justify-between items-center mb-3"><div class="text-[10px] font-bold text-gray-400 uppercase">我的项目</div><div class="text-[10px] text-purple-400 cursor-pointer hover:text-purple-300">+ 新建</div></div><div class="space-y-2"><div class="flex items-center gap-2.5 p-2 rounded-lg hover:bg-white/5 transition border border-transparent hover:border-white/5 cursor-pointer"><div class="w-7 h-7 rounded bg-linear-to-br from-gray-700 to-gray-800 flex items-center justify-center text-[10px] font-bold text-gray-400">作</div><div class="flex-1 min-w-0"><div class="text-[11px] font-medium text-gray-200 truncate">作品集网站</div><div class="flex items-center gap-1"><div class="w-1.5 h-1.5 rounded-full bg-green-500"></div><div class="text-[9px] text-gray-500">在线</div></div></div><div class="text-right"><div class="text-[11px] font-mono text-purple-400">1.2k</div><div class="text-[8px] text-gray-500">访问/日</div></div></div><div class="flex items-center gap-2.5 p-2 rounded-lg hover:bg-white/5 transition border border-transparent hover:border-white/5 cursor-pointer"><div class="w-7 h-7 rounded bg-linear-to-br from-gray-700 to-gray-800 flex items-center justify-center text-[10px] font-bold text-gray-400">A</div><div class="flex-1 min-w-0"><div class="text-[11px] font-medium text-gray-200 truncate">
3API 文档</div><div class="flex items-center gap-1"><div class="w-1.5 h-1.5 rounded-full bg-yellow-500 animate-pulse"></div><div class="text-[9px] text-gray-500">构建中</div></div></div><div class="text-right"><div class="text-[11px] font-mono text-purple-400">856</div><div class="text-[8px] text-gray-500">访问/日</div></div></div><div class="flex items-center gap-2.5 p-2 rounded-lg hover:bg-white/5 transition border border-transparent hover:border-white/5 cursor-pointer"><div class="w-7 h-7 rounded bg-linear-to-br from-gray-700 to-gray-800 flex items-center justify-center text-[10px] font-bold text-gray-400">落</div><div class="flex-1 min-w-0"><div class="text-[11px] font-medium text-gray-200 truncate">落地页 v2</div><div class="flex items-center gap-1"><div class="w-1.5 h-1.5 rounded-full bg-green-500"></div><div class="text-[9px] text-gray-500">在线</div></div></div><div class="text-right"><div class="text-[11px] font-mono text-purple-400">3.4k</div><div class="text-[8px] text-gray-500">访问/日</div></div></div></div></div><div class="absolute -right-6 md:-right-16 bottom-16 md:bottom-24 w-56 bg-[#0F1115]/95 backdrop-blur-sm border border-white/10 rounded-xl shadow-2xl p-3 z-20 hidden md:block" style="opacity:0;transform:translateX(80px)"><div class="text-[10px] font-bold text-gray-400 uppercase mb-3">热门地区</div><div class="space-y-2.5"><div class="flex items-center gap-2"><span class="text-sm">🇨🇳</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">中国</span><span class="text-gray-500">45<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-blue-500 rounded-full" style="width:0px"></div></div></div></div><div class="flex items-center gap-2"><span class="text-sm">🇺🇸</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">美国</span><span class="text-gray-500">28<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-blue-500 rounded-full" style="width:0px"></div></div></div></div><div class="flex items-center gap-2"><span class="text-sm">🇯🇵</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">日本</span><span class="text-gray-500">12<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-blue-500 rounded-full" style="width:0px"></div></div></div></div><div class="flex items-center gap-2"><span class="text-sm">🇩🇪</span><div class="flex-1"><div class="flex justify-between text-[10px] mb-0.5"><span class="text-gray-300">德国</span><span class="text-gray-500">8<!-- -->%</span></div><div class="h-1 bg-white/10 rounded-full overflow-hidden"><div class="h-full bg-blue-500 rounded-full" style="width:0px"></div></div></div></div></div></div></div><div class="text-center mt-12" style="opacity:0;transform:translateY(20px)"><a class="inline-flex items-center gap-2 px-6 py-3 bg-purple-600 hover:bg-purple-500 text-white font-medium rounded-lg transition shadow-[0_0_20px_rgba(168,85,247,0.3)]" href="/features/analytics">了解统计功能<svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a></div></div></section><section id="showcase" class="overflow-hidden relative py-24"><div class="absolute top-0 left-1/4 w-[600px] h-[400px] bg-purple-500/10 blur-[120px] rounded-full pointer-events-none animate-pulse"></div><div class="absolute bottom-0 right-1/4 w-[500px] h-[300px] bg-blue-500/10 blur-[100px] rounded-full pointer-events-none"></div><div class="overflow-hidden absolute inset-0 pointer-events-none"><div class="absolute w-1 h-1 rounded-full bg-white/20" style="left:20%;top:30%"></div><div class="absolute w-1 h-1 rounded-full bg-white/20" style="left:35%;top:40%"></div><div class="absolute w-1 h-1 rounded-full bg-white/20" style="left:50%;top:50%"></div><div class="absolute w-1 h-1 rounded-full bg-white/20" style="left:65%;top:60%"></div><div class="absolute w-1 h-1 rounded-full bg-white/20" style="left:80%;top:70%"></div></div><div class="relative z-10 px-4 mx-auto max-w-7xl sm:px-6 lg:px-8"><div class="mb-16 text-center" style="opacity:0;transform:translateY(20px)"><div class="inline-flex items-center gap-2 bg-blue-500/10 border border-blue-500/20 rounded-full px-4 py-1.5 mb-6 backdrop-blur-md"><span class="text-blue-400">🎯</span><span class="text-sm font-medium text-blue-400">精选案例</span></div><h2 class="mb-2 md:mb-6 text-3xl sm:text-4xl font-bold tracking-tight md:text-5xl">从落地页到 AI 应用,<span class="text-transparent bg-clip-text from-purple-400 to-pink-400 bg-linear-to-r">灵感无限</span></h2><p class="mx-auto max-w-2xl text-lg leading-relaxed text-gray-400">探索开发者和创作者使用上码部署的精彩项目,激发你的下一个创意</p></div><div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-3"><div style="perspective:1000px;opacity:0;transform:translateY(30px)" class="group"><div style="transform-style:preserve-3d;transform:none" class="relative rounded-2xl overflow-hidden bg-[#0F1115] border border-white/5 hover:border-white/20 transition-colors duration-300 cursor-pointer h-full"><div class="absolute inset-0 z-10 opacity-0 transition-opacity duration-500 pointer-events-none group-hover:opacity-100" style="background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 80%)"></div><div class="absolute inset-0 bg-linear-to-br from-pink-500 to-rose-500 opacity-5 group-hover:opacity-10 transition-opacity duration-300"></div><div class="relative transform-gpu" style="transform:translateZ(20px)"><div class="h-8 bg-white/5 flex items-center px-3 gap-1.5 border-b border-white/5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/70"></div><div class="flex flex-1 items-center px-2 ml-3 h-5 rounded-md bg-black/20"><span class="text-[10px] text-gray-500 font-mono truncate opacity-60">https://<!-- -->ai.upma.cn</span></div></div><div class="overflow-hidden relative h-40"><div class="p-4 space-y-3 select-none"><div class="flex justify-center items-center h-20 rounded-lg border bg-linear-to-r from-pink-500/20 to-rose-500/20 border-pink-500/10"><span class="text-2xl filter drop-shadow-lg">🎨</span></div><div class="w-3/4 h-2 rounded bg-white/10"></div><div class="w-1/2 h-2 rounded bg-white/10"></div><div class="grid grid-cols-3 gap-2"><div class="aspect-square rounded bg-pink-500/10" style="opacity:0;transform:scale(0.8)"></div><div class="aspect-square rounded bg-rose-500/10" style="opacity:0;transform:scale(0.8)"></div><div class="aspect-square rounded bg-pink-500/10" style="opacity:0;transform:scale(0.8)"></div></div></div></div></div><div class="relative p-4 border-t border-white/5 bg-white/2" style="transform:translateZ(10px)"><div class="flex justify-between items-start mb-2"><div><h3 class="text-lg font-medium tracking-tight text-white">AI 创意工坊</h3><p class="text-xs text-gray-400 line-clamp-1 mt-0.5">基于 Stable Diffusion 的图像生成服务</p></div><span class="px-2 py-0.5 text-[10px] font-medium rounded-full bg-linear-to-r from-pink-500 to-rose-500 bg-clip-text text-transparent border border-white/10 shadow-sm">AIGC</span></div><div class="flex gap-1.5 mt-3"><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">React</span><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Python</span></div></div></div></div><div style="perspective:1000px;opacity:0;transform:translateY(30px)" class="group"><div style="transform-style:preserve-3d;transform:none" class="relative rounded-2xl overflow-hidden bg-[#0F1115] border border-white/5 hover:border-white/20 transition-colors duration-300 cursor-pointer h-full"><div class="absolute inset-0 z-10 opacity-0 transition-opacity duration-500 pointer-events-none group-hover:opacity-100" style="background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 80%)"></div><div class="absolute inset-0 bg-linear-to-br from-blue-500 to-cyan-500 opacity-5 group-hover:opacity-10 transition-opacity duration-300"></div><div class="relative transform-gpu" style="transform:translateZ(20px)"><div class="h-8 bg-white/5 flex items-center px-3 gap-1.5 border-b border-white/5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/70"></div><div class="flex flex-1 items-center px-2 ml-3 h-5 rounded-md bg-black/20"><span class="text-[10px] text-gray-500 font-mono truncate opacity-60">https://<!-- -->chat.upma.cn</span></div></div><div class="overflow-hidden relative h-40"><div class="p-4 space-y-2 select-none"><div class="flex gap-2" style="opacity:0;transform:translateX(-10px)"><div class="w-6 h-6 rounded-full bg-blue-500/30 shrink-0"></div><div class="flex-1 p-2 h-8 rounded-lg bg-blue-500/10"></div></div><div class="flex gap-2 justify-end" style="opacity:0;transform:translateX(10px)"><div class="flex-1 bg-cyan-500/10 rounded-lg p-2 h-12 max-w-[80%]"></div><div class="w-6 h-6 rounded-full bg-cyan-500/30 shrink-0"></div></div><div class="flex gap-2" style="opacity:0;transform:translateX(-10px)"><div class="w-6 h-6 rounded-full bg-blue-500/30 shrink-0"></div><div class="flex-1 p-2 h-16 rounded-lg bg-blue-500/10"></div></div></div></div></div><div class="relative p-4 border-t border-white/5 bg-white/2" style="transform:translateZ(10px)"><div class="flex justify-between items-start mb-2"><div><h3 class="text-lg font-medium tracking-tight text-white">智能对话助手</h3><p class="text-xs text-gray-400 line-clamp-1 mt-0.5">集成 LLM 的新一代客服系统</p></div><span class="px-2 py-0.5 text-[10px] font-medium rounded-full bg-linear-to-r from-blue-500 to-cyan-500 bg-clip-text text-transparent border border-white/10 shadow-sm">LLM</span></div><div class="flex gap-1.5 mt-3"><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Next.js</span><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">LangChain</span></div></div></div></div><div style="perspective:1000px;opacity:0;transform:translateY(30px)" class="group"><div style="transform-style:preserve-3d;transform:none" class="relative rounded-2xl overflow-hidden bg-[#0F1115] border border-white/5 hover:border-white/20 transition-colors duration-300 cursor-pointer h-full"><div class="absolute inset-0 z-10 opacity-0 transition-opacity duration-500 pointer-events-none group-hover:opacity-100" style="background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 80%)"></div><div class="absolute inset-0 bg-linear-to-br from-violet-500 to-fuchsia-500 opacity-5 group-hover:opacity-10 transition-opacity duration-300"></div><div class="relative transform-gpu" style="transform:translateZ(20px)"><div class="h-8 bg-white/5 flex items-center px-3 gap-1.5 border-b border-white/5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/70"></div><div class="flex flex-1 items-center px-2 ml-3 h-5 rounded-md bg-black/20"><span class="text-[10px] text-gray-500 font-mono truncate opacity-60">https://<!-- -->3d.upma.cn</span></div></div><div class="overflow-hidden relative h-40"><div class="flex justify-center items-center p-4 h-full select-none perspective-1000"><div class="relative w-24 h-24 rounded-xl border-2 transform-gpu border-indigo-500/30 bg-indigo-500/10"><div class="absolute inset-2 rounded-lg border border-white/10"></div><div class="absolute -inset-4 rounded-full border border-fuchsia-500/20"></div></div></div></div></div><div class="relative p-4 border-t border-white/5 bg-white/2" style="transform:translateZ(10px)"><div class="flex justify-between items-start mb-2"><div><h3 class="text-lg font-medium tracking-tight text-white">Web3D 沉浸空间</h3><p class="text-xs text-gray-400 line-clamp-1 mt-0.5">基于 WebGL 的高性能 3D 产品展示</p></div><span class="px-2 py-0.5 text-[10px] font-medium rounded-full bg-linear-to-r from-violet-500 to-fuchsia-500 bg-clip-text text-transparent border border-white/10 shadow-sm">Web3D</span></div><div class="flex gap-1.5 mt-3"><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Three.js</span><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">R3F</span></div></div></div></div><div style="perspective:1000px;opacity:0;transform:translateY(30px)" class="group"><div style="transform-style:preserve-3d;transform:none" class="relative rounded-2xl overflow-hidden bg-[#0F1115] border border-white/5 hover:border-white/20 transition-colors duration-300 cursor-pointer h-full"><div class="absolute inset-0 z-10 opacity-0 transition-opacity duration-500 pointer-events-none group-hover:opacity-100" style="background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 80%)"></div><div class="absolute inset-0 bg-linear-to-br from-slate-500 to-emerald-500 opacity-5 group-hover:opacity-10 transition-opacity duration-300"></div><div class="relative transform-gpu" style="transform:translateZ(20px)"><div class="h-8 bg-white/5 flex items-center px-3 gap-1.5 border-b border-white/5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/70"></div><div class="flex flex-1 items-center px-2 ml-3 h-5 rounded-md bg-black/20"><span class="text-[10px] text-gray-500 font-mono truncate opacity-60">https://<!-- -->trade.upma.cn</span></div></div><div class="overflow-hidden relative h-40"><div class="p-4 space-y-3 select-none"><div class="flex justify-between items-center mb-2"><div class="w-16 h-2 rounded bg-white/20"></div><div class="w-12 h-2 rounded bg-green-500/30"></div></div><div class="flex gap-1 items-end h-24"><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-white/10" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-green-500/40" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-green-500/40" style="height:0px;opacity:0"></div><div class="flex-1 rounded-t bg-green-500/40" style="height:0px;opacity:0"></div></div><div class="flex gap-2 mt-2"><div class="flex-1 h-6 rounded bg-white/5"></div><div class="flex-1 h-6 rounded border bg-green-500/10 border-green-500/10"></div></div></div></div></div><div class="relative p-4 border-t border-white/5 bg-white/2" style="transform:translateZ(10px)"><div class="flex justify-between items-start mb-2"><div><h3 class="text-lg font-medium tracking-tight text-white">FinTech 交易终端</h3><p class="text-xs text-gray-400 line-clamp-1 mt-0.5">高频实时更新的金融数据看板</p></div><span class="px-2 py-0.5 text-[10px] font-medium rounded-full bg-linear-to-r from-slate-500 to-emerald-500 bg-clip-text text-transparent border border-white/10 shadow-sm">金融科技</span></div><div class="flex gap-1.5 mt-3"><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">
3WebSocket</span><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Wasm</span></div></div></div></div><div style="perspective:1000px;opacity:0;transform:translateY(30px)" class="group"><div style="transform-style:preserve-3d;transform:none" class="relative rounded-2xl overflow-hidden bg-[#0F1115] border border-white/5 hover:border-white/20 transition-colors duration-300 cursor-pointer h-full"><div class="absolute inset-0 z-10 opacity-0 transition-opacity duration-500 pointer-events-none group-hover:opacity-100" style="background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 80%)"></div><div class="absolute inset-0 bg-linear-to-br from-purple-500 to-indigo-500 opacity-5 group-hover:opacity-10 transition-opacity duration-300"></div><div class="relative transform-gpu" style="transform:translateZ(20px)"><div class="h-8 bg-white/5 flex items-center px-3 gap-1.5 border-b border-white/5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/70"></div><div class="flex flex-1 items-center px-2 ml-3 h-5 rounded-md bg-black/20"><span class="text-[10px] text-gray-500 font-mono truncate opacity-60">https://<!-- -->linear.upma.cn</span></div></div><div class="overflow-hidden relative h-40"><div class="p-4 space-y-3 select-none"><div class="mx-auto w-1/2 h-4 rounded border bg-purple-500/20 border-purple-500/10"></div><div class="mx-auto w-3/4 h-2 rounded bg-white/10"></div><div class="mx-auto mt-2 w-1/3 h-8 rounded-full bg-purple-500/30"></div><div class="my-4 w-full h-px from-transparent to-transparent bg-linear-to-r via-white/20" style="transform:scaleX(0)"></div><div class="grid grid-cols-3 gap-2"><div class="h-10 rounded border bg-white/5 border-white/5" style="opacity:0;transform:translateY(10px)"></div><div class="h-10 rounded border bg-white/5 border-white/5" style="opacity:0;transform:translateY(10px)"></div><div class="h-10 rounded border bg-white/5 border-white/5" style="opacity:0;transform:translateY(10px)"></div></div></div></div></div><div class="relative p-4 border-t border-white/5 bg-white/2" style="transform:translateZ(10px)"><div class="flex justify-between items-start mb-2"><div><h3 class="text-lg font-medium tracking-tight text-white">SaaS 营销官网</h3><p class="text-xs text-gray-400 line-clamp-1 mt-0.5">高转化率的企业级产品落地页</p></div><span class="px-2 py-0.5 text-[10px] font-medium rounded-full bg-linear-to-r from-purple-500 to-indigo-500 bg-clip-text text-transparent border border-white/10 shadow-sm">SaaS</span></div><div class="flex gap-1.5 mt-3"><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Astro</span><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Tailwind</span></div></div></div></div><div style="perspective:1000px;opacity:0;transform:translateY(30px)" class="group"><div style="transform-style:preserve-3d;transform:none" class="relative rounded-2xl overflow-hidden bg-[#0F1115] border border-white/5 hover:border-white/20 transition-colors duration-300 cursor-pointer h-full"><div class="absolute inset-0 z-10 opacity-0 transition-opacity duration-500 pointer-events-none group-hover:opacity-100" style="background:radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 80%)"></div><div class="absolute inset-0 bg-linear-to-br from-amber-500 to-orange-500 opacity-5 group-hover:opacity-10 transition-opacity duration-300"></div><div class="relative transform-gpu" style="transform:translateZ(20px)"><div class="h-8 bg-white/5 flex items-center px-3 gap-1.5 border-b border-white/5"><div class="w-2.5 h-2.5 rounded-full bg-red-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-yellow-500/70"></div><div class="w-2.5 h-2.5 rounded-full bg-green-500/70"></div><div class="flex flex-1 items-center px-2 ml-3 h-5 rounded-md bg-black/20"><span class="text-[10px] text-gray-500 font-mono truncate opacity-60">https://<!-- -->whiteboard.upma.cn</span></div></div><div class="overflow-hidden relative h-40"><div class="overflow-hidden relative p-4 h-full select-none"><div class="absolute top-8 left-8 z-20"><svg class="w-4 h-4 text-yellow-500 fill-current" viewBox="0 0 24 24">
3<path d="M5.65376 12.3673H5.46026L5.31717 12.4976L0.500002 16.8829L0.500002 1.19138L11.7841 12.3673H5.65376Z"></path></svg><div class="bg-yellow-500/20 text-yellow-500 text-[8px] px-1 rounded ml-3">User A</div></div><div class="absolute top-12 right-12 z-20"><svg class="w-4 h-4 text-green-500 fill-current" viewBox="0 0 24 24"><path d="M5.65376 12.3673H5.46026L5.31717 12.4976L0.500002 16.8829L0.500002 1.19138L11.7841 12.3673H5.65376Z"></path></svg></div><div class="grid grid-cols-2 gap-4 h-full"><div class="flex justify-center items-center rounded-lg border-2 border-dashed border-white/10" style="transform:scale(0)"><div class="w-8 h-8 rounded bg-yellow-500/20"></div></div><div class="flex justify-center items-center rounded-full border-2 border-white/10" style="transform:scale(0)"><div class="w-8 h-8 rounded bg-green-500/20"></div></div></div></div></div></div><div class="relative p-4 border-t border-white/5 bg-white/2" style="transform:translateZ(10px)"><div class="flex justify-between items-start mb-2"><div><h3 class="text-lg font-medium tracking-tight text-white">多人协作白板</h3><p class="text-xs text-gray-400 line-clamp-1 mt-0.5">实时互动的在线视觉协作平台</p></div><span class="px-2 py-0.5 text-[10px] font-medium rounded-full bg-linear-to-r from-amber-500 to-orange-500 bg-clip-text text-transparent border border-white/10 shadow-sm">协同工具</span></div><div class="flex gap-1.5 mt-3"><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">Canvas</span><span class="px-2 py-0.5 text-[10px] text-gray-400 bg-white/5 rounded-md border border-white/5">CRDT</span></div></div></div></div></div></div></section><section class="py-24 bg-[#0A0C10]/50 border-y border-white/5 overflow-hidden"><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16" style="opacity:0;transform:translateY(20px)"><div class="inline-flex items-center gap-2 bg-yellow-500/10 border border-yellow-500/20 rounded-full px-4 py-1.5 mb-6"><span class="text-yellow-400">⭐</span><span class="text-sm font-medium text-yellow-400">用户真实评价</span></div><h2 class="text-3xl md:text-4xl font-bold mb-4">被 <span class="text-purple-400">10,000+</span> 开发者信赖</h2><p class="text-gray-400 max-w-2xl mx-auto">开发者、设计师与 AI 创作者的一致选择</p></div><div class="grid md:grid-cols-2 lg:grid-cols-3 gap-6"><div class="group relative bg-[#0F1115] p-6 rounded-2xl border border-white/5 hover:border-purple-500/30 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><div class="absolute top-4 right-4 text-4xl text-purple-500/10 font-serif">&quot;</div><p class="text-gray-300 leading-relaxed mb-6 relative z-10">以前部署一个 Next.js 项目要折腾半天 Nginx,现在直接把文件夹拖进去就搞定了,简直是魔法!强烈推荐给所有独立开发者。</p><div class="flex gap-0.5 mb-4"><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-linear-to-br from-purple-500/20 to-blue-500/20 flex items-center justify-center text-xl border border-white/10">👨‍💻</div><div><div class="text-white font-medium text-sm">Alex Chen</div><div class="text-xs text-gray-500">独立开发者<!-- --> @ <!-- -->IndieHacker</div></div></div><div class="text-xs text-gray-600">2024年12月</div></div></div><div class="group relative bg-[#0F1115] p-6 rounded-2xl border border-white/5 hover:border-purple-500/30 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><div class="absolute top-4 right-4 text-4xl text-purple-500/10 font-serif">&quot;</div><p class="text-gray-300 leading-relaxed mb-6 relative z-10">对于我们这种只会写 Prompt 不会写 Docker 的设计师来说,上码简直是救星。DeepSeek 生成的代码直接就能上线!</p><div class="flex gap-0.5 mb-4"><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-linear-to-br from-purple-500/20 to-blue-500/20 flex items-center justify-center text-xl border border-white/10">👩‍🎨</div><div><div class="text-white font-medium text-sm">Sarah Wu</div><div class="text-xs text-gray-500">AI 创作者<!-- --> @ <!-- -->Creative Studio</div></div></div><div class="text-xs text-gray-600">2024年12月</div></div></div><div class="group relative bg-[#0F1115] p-6 rounded-2xl border border-white/5 hover:border-purple-500/30 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><div class="absolute top-4 right-4 text-4xl text-purple-500/10 font-serif">&quot;</div><p class="text-gray-300 leading-relaxed mb-6 relative z-10">速度非常快,香港节点的延迟很低,国内访问完全没有问题。自动 HTTPS 也很省心,团队都在用。</p><div class="flex gap-0.5 mb-4"><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-linear-to-br from-purple-500/20 to-blue-500/20 flex items-center justify-center text-xl border border-white/10">👨‍🔧</div><div><div class="text-white font-medium text-sm">Mike Zhang</div><div class="text-xs text-gray-500">前端工程师<!-- --> @ <!-- -->TechCorp</div></div></div><div class="text-xs text-gray-600">2024年11月</div></div></div><div class="group relative bg-[#0F1115] p-6 rounded-2xl border border-white/5 hover:border-purple-500/30 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><div class="absolute top-4 right-4 text-4xl text-purple-500/10 font-serif">&quot;</div><p class="text-gray-300 leading-relaxed mb-6 relative z-10">我用上码托管了十几个客户的落地页,每个项目都是秒级部署。绑定自定义域名也很方便,客户很满意。</p><div class="flex gap-0.5 mb-4"><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-linear-to-br from-purple-500/20 to-blue-500/20 flex items-center justify-center text-xl border border-white/10">👩‍💻</div><div><div class="text-white font-medium text-sm">Lisa Wang</div><div class="text-xs text-gray-500">全栈开发<!-- --> @ <!-- -->Freelancer</div></div></div><div class="text-xs text-gray-600">2024年11月</div></div></div><div class="group relative bg-[#0F1115] p-6 rounded-2xl border border-white/5 hover:border-purple-500/30 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><div class="absolute top-4 right-4 text-4xl text-purple-500/10 font-serif">&quot;</div><p class="text-gray-300 leading-relaxed mb-6 relative z-10">统计功能太棒了!无需接入任何代码就能看到实时访客数据,对于优化营销策略非常有帮助。</p><div class="flex gap-0.5 mb-4"><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-linear-to-br from-purple-500/20 to-blue-500/20 flex items-center justify-center text-xl border border-white/10">📊</div><div><div class="text-white font-medium text-sm">David Liu</div><div class="text-xs text-gray-500">市场经理<!-- --> @ <!-- -->StartupX</div></div></div><div class="text-xs text-gray-600">2024年10月</div></div></div><div class="group relative bg-[#0F1115] p-6 rounded-2xl border border-white/5 hover:border-purple-500/30 transition-all duration-300" style="opacity:0;transform:translateY(20px)"><div class="absolute top-4 right-4 text-4xl text-purple-500/10 font-serif">&quot;</div><p class="text-gray-300 leading-relaxed mb-6 relative z-10">ChatGPT 生成的 HTML 代码直接拖进去就能跑,这个体验太丝滑了。再也不用担心服务器配置的问题。</p><div class="flex gap-0.5 mb-4"><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span><span class="text-yellow-400 text-sm">★</span></div><div class="flex items-center justify-between"><div class="flex items-center gap-3"><div class="w-10 h-10 rounded-full bg-linear-to-br from-purple-500/20 to-blue-500/20 flex items-center justify-center text-xl border border-white/10">🚀</div><div><div class="text-white font-medium text-sm">Emily Yang</div><div class="text-xs text-gray-500">PM<!-- --> @ <!-- -->AI Ventures</div></div></div><div class="text-xs text-gray-600">2024年10月</div></div></div></div></div></section><div class="py-24"><div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"><div class="text-center mb-16"><h2 class="text-3xl font-bold mb-4">常见问题</h2><p class="text-gray-400">关于部署、域名与 SSL</p></div><div class="space-y-4"><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">这里主要支持托管哪些类型的静态资源?</span><svg class="w-5 h-5 text-gray-500 transform transition-transform rotate-180" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-40 py-4 border-t border-white/5">我们支持几乎所有的静态文件部署。包括:普通的 HTML 网页、PDF 文档、图片素材,以及 React/Vue 等框架构
3建后的 dist 目录。无论是个人博客还是产品演示,都能一键上线。</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">支持 DeepSeek / ChatGPT / Gemini / v0.dev 生成的代码吗?</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">完美支持。无论是 v0.dev、Bolt.new 导出的项目,还是 DeepSeek、ChatGPT、Gemini 直接生成的 HTML 单文件,都可以直接部署。无需配置复杂的开发环境,即传即用。</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">上码Upma 是免费的吗?有隐藏费用吗?</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">永久免费,且无隐藏费用。Free 套餐支持 2 个项目和每月 1GB 流量,这对于个人博客、作品集或演示 Demo 来说通常足够。无需任何费用即可开始使用。</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">我是小白,不懂代码怎么部署?</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">非常简单。如果您是用 AI 写代码,只需把 AI 生成的文件下载到电脑,然后把文件夹拖入我们的上传区即可。全程可视化操作,无需使用命令行。</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">我可以绑定自己的域名吗?HTTPS 是免费的吗?</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">当然可以。所有项目都支持绑定您的个性化域名(如 www.yourname.com)。我们会自动为您申请并续期 Let&#x27;s Encrypt SSL 证书,全自动配置,永久免费。</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">国内访问速度怎么样?</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">非常快。我们在全球部署了 280+ 边缘节点。针对国内用户,我们特别优化了香港 CN2 GIA 高速线路,确保您的网站在中国大陆也能秒级打开,无阻断烦恼。</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">免费项目的网站会“休眠”吗?</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">不会。这也是我们区别于其他平台的优势。您的静态网站一旦部署,全天候 24 小时在线,全球 CDN 随时响应,永不休眠。</div></div><div class="glass-dark rounded-xl border border-white/5 overflow-hidden"><button class="w-full px-6 py-4 text-left flex justify-between items-center hover:bg-white/5 transition"><span class="font-medium text-white">支持自动化部署 (CI/CD) 吗?</span><svg class="w-5 h-5 text-gray-500 transform transition-transform " fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button><div class="px-6 text-gray-400 overflow-hidden transition-all duration-300 max-h-0">支持。我们提供了专门的 CLI 命令行工具。您可以将其集成到 GitHub Actions 或任何 CI 流程中,实现代码提交即自动更新上线。</div></div></div></div></div><section class="py-32 relative overflow-hidden"><div class="absolute inset-0 bg-linear-to-b from-blue-900/20 via-purple-900/20 to-transparent pointer-events-none"></div><div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[600px] bg-purple-500/10 blur-[150px] rounded-full pointer-events-none"></div><div class="absolute inset-0 bg-[linear-gradient(to_right,#ffffff03_1px,transparent_1px),linear-gradient(to_bottom,#ffffff03_1px,transparent_1px)] bg-[size:60px_60px] pointer-events-none"></div><div class="max-w-6xl mx-auto px-4 relative z-10"><div class="grid lg:grid-cols-2 gap-16 items-center"><div class="text-center lg:text-left" style="opacity:0;transform:translateX(-30px)"><div class="inline-flex items-center gap-2 bg-green-500/10 border border-green-500/20 rounded-full px-4 py-1.5 mb-6" style="opacity:0;transform:translateY(20px)"><span class="w-2 h-2 rounded-full bg-green-500 animate-pulse"></span><span class="text-sm font-medium text-green-400">永久免费开始</span></div><h2 class="text-4xl md:text-5xl font-bold mb-6 text-white tracking-tight leading-tight">准备好发布你的<br/><span class="text-transparent bg-clip-text bg-linear-to-r from-blue-400 to-purple-400">下一个项目了吗?</span></h2><p class="text-lg text-gray-400 mb-8 max-w-lg">加入数千名开发者与创作者的行列。无论是个人博客、产品落地页还是 AI 演示,即刻上线,
3全球访问。</p><div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start"><a class="group px-8 py-4 rounded-xl bg-white text-black font-bold text-lg hover:bg-gray-100 transition-all shadow-[0_0_40px_rgba(255,255,255,0.2)] hover:shadow-[0_0_60px_rgba(255,255,255,0.3)] hover:scale-105 transform duration-200 flex items-center justify-center gap-2" href="/dashboard">免费开始部署<svg class="w-5 h-5 group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path></svg></a><a class="px-8 py-4 rounded-xl bg-white/5 border border-white/10 text-white font-medium text-lg hover:bg-white/10 hover:border-white/20 transition-all flex items-center justify-center gap-2" href="/features">了解更多功能</a></div><div class="mt-8 flex items-center gap-6 justify-center lg:justify-start text-sm text-gray-500"><div class="flex items-center gap-2"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>无需信用卡</div><div class="flex items-center gap-2"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>永久免费额度</div><div class="flex items-center gap-2"><svg class="w-4 h-4 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path></svg>秒级部署</div></div></div><div class="hidden lg:block" style="opacity:0;transform:translateX(30px)"><div class="bg-[#0A0C10] border border-white/10 rounded-xl overflow-hidden shadow-2xl max-w-md mx-auto"><div class="h-8 bg-white/5 border-b border-white/5 flex items-center px-4 gap-2"><div class="flex gap-1.5"><div class="w-3 h-3 rounded-full bg-red-500/50"></div><div class="w-3 h-3 rounded-full bg-yellow-500/50"></div><div class="w-3 h-3 rounded-full bg-green-500/50"></div></div><span class="text-xs text-gray-500 ml-2 font-mono">terminal</span></div><div class="p-4 font-mono text-sm h-48 overflow-hidden"></div></div></div></div></div></section><!--$--><!--/$--></main><footer class="relative overflow-hidden border-t border-white/10 bg-[#020202] pt-12 pb-8 sm:pt-16 lg:pt-20 lg:pb-10"><div aria-hidden="true" class="absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-blue-400/40 to-transparent"></div><div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"><div class="mb-10 flex flex-col gap-8 lg:mb-16 lg:flex-row lg:gap-12"><div class="flex flex-col items-center gap-5 border-b border-white/10 pb-8 text-center sm:items-start sm:text-left lg:w-1/4 lg:border-b-0 lg:pb-0"><svg width="160" height="32" viewBox="0 0 160 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="sm:-ml-4" aria-label="上码 Logo"><defs><linearGradient id="circle_bg" x1="0" y1="0" x2="40" y2="40" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#1e1b4b"></stop> <stop offset="100%" stop-color="#2e1065"></stop> </linearGradient><linearGradient id="triangle_gradient" x1="20" y1="10" x2="20" y2="32" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#6366f1"></stop> <stop offset="50%" stop-color="#8b5cf6"></stop> <stop offset="100%" stop-color="#ec4899"></stop> </linearGradient><linearGradient id="dark_text_gradient" x1="0" y1="0" x2="0" y2="100%" gradientUnits="userSpaceOnUse"><stop offset="0%" stop-color="#dedede"></stop><stop offset="100%" stop-color="#a0aec0"></stop></linearGradient><filter id="text_shadow" x="-20%" y="-20%" width="140%" height="140%"><feDropShadow dx="0" dy="1" stdDeviation="1" flood-color="#000000" flood-opacity="0.5"></feDropShadow></filter></defs><g><circle cx="20" cy="20" r="20" fill="url(#circle_bg)"></circle><circle cx="20" cy="20" r="19" stroke="white" stroke-opacity="0.1" stroke-width="1"></circle><path d="M20 11L30 29H10L20 11Z" fill="url(#triangle_gradient)" class="drop-shadow-sm"></path></g><g transform="translate(48, 0)">
3<text x="0" y="29" fill="url(#dark_text_gradient)" filter="url(#text_shadow)" font-size="24" font-weight="900" font-family="PingFang SC, Microsoft YaHei, system-ui, sans-serif" letter-spacing="0.02em">上码</text><g transform="translate(54, 0)"><text x="0" y="17" fill="url(#triangle_gradient)" font-size="12" font-weight="900" font-family="Manrope, Inter, system-ui, sans-serif" letter-spacing="0.1em" style="text-transform:uppercase">up</text><text x="0" y="31" font-size="12" font-family="Manrope, Inter, system-ui, sans-serif" font-weight="900" letter-spacing="0.1em"><tspan fill="url(#triangle_gradient)" style="text-transform:uppercase">ma</tspan><tspan fill="white" fill-opacity="0.4" font-weight="600" font-size="10" dx="2">.cn</tspan></text></g></g></svg><p class="max-w-sm text-sm leading-relaxed text-gray-400 sm:max-w-xs">专为 AI 创作者打造的一站式代码发布平台。<br/>无需运维,专注于你的创意。</p><a href="mailto:[email protected]" class="inline-flex min-h-11 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 text-sm font-medium text-gray-300 transition-colors hover:border-white/20 hover:bg-white/[0.06] hover:text-white"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-4 w-4" aria-hidden="true"><path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect></svg>[email protected]</a></div><nav class="divide-y divide-white/10 rounded-lg border border-white/10 bg-white/[0.02] md:hidden" aria-label="页脚导航"><details class="group" open=""><summary class="flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [&amp;::-webkit-details-marker]:hidden"><span>产品功能</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><ul class="grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/global-cdn"><span>全球 CDN</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/free-ssl"><span>免费 SSL</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/custom-domains"><span>自定义域名</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/password-protection"><span>密码保护</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/instant-rollback"><span>秒级回滚</span></a></li></ul></details><details class="group"><summary class="flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [&amp;::-webkit-details-marker]:hidden"><span>托管场景</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><ul class="grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/personal-website"><span>个人网站托管</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/student-hosting"><span>学生作业托管</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/resume"><span>简历托管</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/portfolio"><span>作品集托管</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/link-in-bio"><span>导航页托管</span></a></li></ul></details>
3<details class="group"><summary class="flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [&amp;::-webkit-details-marker]:hidden"><span>框架部署</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><ul class="grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-html"><span>HTML 部署</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-react"><span>React 部署</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-vue"><span>Vue 部署</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/host-pdf"><span>PDF 托管</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-deepseek"><span>DeepSeek 部署</span></a></li></ul></details><details class="group"><summary class="flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [&amp;::-webkit-details-marker]:hidden"><span>开发工具</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><ul class="grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/json-formatter"><span>JSON 格式化</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/regex"><span>正则测试</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/ip"><span>IP 查询</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/ping"><span>Ping 检测</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors font-medium text-blue-300 hover:text-blue-200" href="/tools"><span>查看全部</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></details><details class="group"><summary class="flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [&amp;::-webkit-details-marker]:hidden"><span>资源支持</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></summary><ul class="grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/pricing"><span>价格</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/docs"><span>使用指南</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/blog"><span>博客</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/legal/privacy"><span>隐私</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/legal/terms"><span>条款</span></a></li></ul></details></nav><nav class="hidden text-left md:grid md:grid-cols-3 md:gap-x-10 md:gap-y-10 lg:ml-auto lg:grid-cols-5 lg:gap-x-8" aria-label="页脚导航"><div class="min-w-0"><h3 class="mb-4 text-sm font-semibold text-gray-200">产品功能</h3><ul class="space-y-2 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/global-cdn"><span>全球 CDN</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/free-ssl"><span>免费 SSL</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/custom-domains"><span>自定义域名</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/password-protection"><span>密码保护</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/features/instant-rollback"><span>秒级回滚</span></a></li></ul></div><div class="min-w-0"><h3 class="mb-4 text-sm font-semibold text-gray-200">托管场景</h3><ul class="space-y-2 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/personal-website"><span>个人网站托管</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/student-hosting"><span>学生作业托管</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/resume"><span>简历托管</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/portfolio"><span>作品集托管</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/link-in-bio"><span>导航页托管</span></a></li></ul></div><div class="min-w-0"><h3 class="mb-4 text-sm font-semibold text-gray-200">框架部署</h3><ul class="space-y-2 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-html"><span>HTML 部署</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-react"><span>React 部署</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-vue"><span>Vue 部署</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/host-pdf"><span>PDF 托管</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/deploy/deploy-deepseek"><span>DeepSeek 部署</span></a></li></ul></div><div class="min-w-0"><h3 class="mb-4 text-sm font-semibold text-gray-200">开发工具</h3><ul class="space-y-2 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/json-formatter"><span>JSON 格式化</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/regex"><span>正则测试</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/ip"><span>IP 查询</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/tools/ping"><span>Ping 检测</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors font-medium text-blue-300 hover:text-blue-200" href="/tools"><span>查看全部</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-3.5 w-3.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></li></ul></div><div class="min-w-0"><h3 class="mb-4 text-sm font-semibold text-gray-200">资源支持</h3><ul class="space-y-2 text-sm"><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/pricing"><span>价格</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/docs"><span>使用指南</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/blog"><span>博客</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/legal/privacy"><span>隐私</span></a></li><li><a class="inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white" href="/legal/terms"><span>条款</span></a></li></ul></div></nav></div><div class="flex flex-col items-center justify-between gap-5 border-t border-white/10 pt-6 sm:pt-8 md:flex-row"><div class="flex flex-col items-center gap-2 text-center text-sm text-gray-600 sm:flex-row sm:gap-4 sm:text-left"><a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer" class="hover:text-gray-400 transition-colors">粤ICP备2023011358号-3</a><p>© 2025 UpMa. All rights reserved.</p></div><div class="flex items-center gap-2"><a class="grid h-10 w-10 place-items-center rounded-full border border-white/10 bg-white/[0.03] text-gray-500 transition-colors duration-200 hover:border-white/20 hover:bg-white/[0.06] hover:text-white" aria-label="Twitter" href="#"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path></svg></a><a class="grid h-10 w-10 place-items-center rounded-full border border-white/10 bg-white/[0.03] text-gray-500 transition-colors duration-200 hover:border-white/20 hover:bg-white/[0.06] hover:text-white" aria-label="GitHub" href="#"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158
3-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path></svg></a><a class="grid h-10 w-10 place-items-center rounded-full border border-white/10 bg-white/[0.03] text-gray-500 transition-colors duration-200 hover:border-white/20 hover:bg-white/[0.06] hover:text-white" aria-label="Discord" href="#"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path fill-rule="evenodd" d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.5151.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.419-2.1568 2.419zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.419-2.1568 2.419z" clip-rule="evenodd"></path></svg></a></div></div></div></footer></div><section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
3<script src="/_next/static/chunks/de81b9ff91d90478.js" id="_R_" async=""></script>
3<script>(self.__next_f=self.__next_f||[]).push([0])</script>
3<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[756132,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\"],\"default\"]\n4:I[886281,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\"],\"PreviewCacheProvider\"]\n5:I[92337,[\"/_next/static/chunks/b2b9122c1b63621e.js\",\"/_next/static/chunks/395e51502c352751.js\"],\"default\"]\n6:I[64226,[\"/_next/static/chunks/b2b9122c1b63621e.js\",\"/_next/static/chunks/395e51502c352751.js\"],\"default\"]\n15:I[954354,[],\"default\"]\n:HL[\"/_next/static/chunks/d35f63c56af26677.css\",\"style\"]\n:HL[\"/_next/static/chunks/a4c94fca0c700d6c.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.29207c2f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.3b6cae6d.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script>
3<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"snPJzlrBIDHApgrpBbW3-\",\"c\":[\"\",\"?_rsc=16pid\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"(marketing)\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/d35f63c56af26677.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/a4c94fca0c700d6c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/733d483dbb25b2a8.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/e61992e38fd16c06.js\",\"async\":true,\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/db81d66fdcac06eb.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/61148fb845518522.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"div\",null,{\"className\":\"bg-[#050505] text-white\",\"children\":[[\"$\",\"div\",null,{\"className\":\"fixed inset-0 pointer-events-none overflow-hidden\",\"children\":[[\"$\",\"div\",null,{\"className\":\"absolute top-0 left-1/4 w-96 h-96 bg-purple-600/30 rounded-full mix-blend-multiply filter blur-[128px] opacity-24 animate-blob\"}],[\"$\",\"div\",null,{\"className\":\"absolute top-0 right-1/4 w-96 h-96 bg-blue-600/30 rounded-full mix-blend-multiply filter blur-[128px] opacity-24 animate-blob animation-delay-2000\"}],[\"$\",\"div\",null,{\"className\":\"absolute -bottom-32 left-1/3 w-96 h-96 bg-pink-600/30 rounded-full mix-blend-multiply filter blur-[128px] opacity-24 animate-blob animation-delay-3000\"}],[\"$\",\"div\",null,{\"className\":\"absolute inset-0 bg-[url('/noise.svg')] opacity-26\"}]]}],[\"$\",\"$L3\",null,{}],[\"$\",\"$L4\",null,{\"children\":[\"$\",\"main\",null,{\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}],[\"$\",\"footer\",null,{\"className\":\"relative overflow-hidden border-t border-white/10 bg-[#020202] pt-12 pb-8 sm:pt-16 lg:pt-20 lg:pb-10\",\"children\":[[\"$\",\"div\",null,{\"aria-hidden\":\"true\",\"className\":\"absolute inset-x-0 top-0 h-px bg-gradient-to-r from-transparent via-blue-400/40 to-transparent\"}],[\"$\",\"div\",null,{\"className\":\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-10 flex flex-col gap-8 lg:mb-16 lg:flex-row lg:gap-12\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-5 border-b border-white/10 pb-8 text-center sm:items-start sm:text-left lg:w-1/4 lg:border-b-0 lg:pb-0\",\"children\":[[\"$\",\"svg\",null,{\"width\":160,\"height\"
3:32,\"viewBox\":\"0 0 160 40\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"className\":\"sm:-ml-4\",\"aria-label\":\"上码 Logo\",\"children\":[[\"$\",\"defs\",null,{\"children\":[[\"$\",\"linearGradient\",null,{\"id\":\"circle_bg\",\"x1\":\"0\",\"y1\":\"0\",\"x2\":\"40\",\"y2\":\"40\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"offset\":\"0%\",\"stopColor\":\"#1e1b4b\"}],\" \",[\"$\",\"stop\",null,{\"offset\":\"100%\",\"stopColor\":\"#2e1065\"}],\" \"]}],[\"$\",\"linearGradient\",null,{\"id\":\"triangle_gradient\",\"x1\":\"20\",\"y1\":\"10\",\"x2\":\"20\",\"y2\":\"32\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[\"$L7\",\" \",\"$L8\",\" \",\"$L9\",\" \"]}],\"$La\",\"$Lb\"]}],\"$Lc\",\"$Ld\"]}],\"$Le\",\"$Lf\"]}],\"$L10\",\"$L11\"]}],\"$L12\"]}]]}]]}]]}],{\"children\":[\"$L13\",{},null,false,false]},null,false,false]},null,false,false],\"$L14\",false]],\"m\":\"$undefined\",\"G\":[\"$15\",[]],\"S\":true}\n"])</script>
3<script>self.__next_f.push([1,"16:I[8331,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\"],\"\"]\n22:I[948705,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n23:I[320505,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n24:I[688797,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n25:I[329039,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n36:I[802718,[\"/_next/static/chunks/b2b9122c1b63621e.js\",\"/_next/static/chunks/395e51502c352751.js\"],\"ViewportBoundary\"]\n38:I[802718,[\"/_next/static/chunks/b2b9122c1b63621e.js\",\"/_next/static/chunks/395e51502c352751.js\"],\"MetadataBoundary\"]\n39:\"$Sreact.suspense\"\n7:[\"$\",\"stop\",null,{\"offset\":\"0%\",\"stopColor\":\"#6366f1\"}]\n8:[\"$\",\"stop\",null,{\"offset\":\"50%\",\"stopColor\":\"#8b5cf6\"}]\n9:[\"$\",\"stop\",null,{\"offset\":\"100%\",\"stopColor\":\"#ec4899\"}]\na:[\"$\",\"linearGradient\",null,{\"id\":\"dark_text_gradient\",\"x1\":\"0\",\"y1\":\"0\",\"x2\":\"0\",\"y2\":\"100%\",\"gradientUnits\":\"userSpaceOnUse\",\"children\":[[\"$\",\"stop\",null,{\"offset\":\"0%\",\"stopColor\":\"#dedede\"}],[\"$\",\"stop\",null,{\"offset\":\"100%\",\"stopColor\":\"#a0aec0\"}]]}]\nb:[\"$\",\"filter\",null,{\"id\":\"text_shadow\",\"x\":\"-20%\",\"y\":\"-20%\",\"width\":\"140%\",\"height\":\"140%\",\"children\":[\"$\",\"feDropShadow\",null,{\"dx\":\"0\",\"dy\":\"1\",\"stdDeviation\":\"1\",\"floodColor\":\"#000000\",\"floodOpacity\":0.5}]}]\nc:[\"$\",\"g\",null,{\"children\":[[\"$\",\"circle\",null,{\"cx\":\"20\",\"cy\":\"20\",\"r\":\"20\",\"fill\":\"url(#circle_bg)\"}],[\"$\",\"circle\",null,{\"cx\":\"20\",\"cy\":\"20\",\"r\":\"19\",\"stroke\":\"white\",\"strokeOpacity\":\"0.1\",\"strokeWidth\":\"1\"}],[\"$\",\"path\",null,{\"d\":\"M20 11L30 29H10L20 11Z\",\"fill\":\"url(#triangle_gradient)\",\"className\":\"drop-shadow-sm\"}]]}]\nd:[\"$\",\"g\",null,{\"transform\":\"translate(48, 0)\",\"children\":[[\"$\",\"text\",null,{\"x\":\"0\",\"y\":\"29\",\"fill\":\"url(#dark_text_gradient)\",\"filter\":\"url(#text_shadow)\",\"fontSize\":\"24\",\"fontWeight\":\"900\",\"fontFamily\":\"PingFang SC, Microsoft YaHei, system-ui, sans-serif\",\"letterSpacing\":\"0.02em\",\"children\":\"上码\"}],[\"$\",\"g\",null,{\"transform\":\"translate(54, 0)\",\"children\":[[\"$\",\"text\",null,{\"x\":\"0\",\"y\":\"17\",\"fill\":\"url(#triangle_gradient)\",\"fontSize\":\"12\",\"fontWeight\":\"900\",\"fontFamily\":\"Manrope, Inter, system-ui, sans-serif\",\"letterSpacing\":\"0.1em\",\"style\":{\"textTransform\":\"uppercase\"},\"children\":\"up\"}],[\"$\",\"text\",null,{\"x\":\"0\",\"y\":\"31\",\"fontSize\":\"12\",\"fontFamily\":\"Manrope, Inter, system-ui, sans-serif\",\"fontWeight\":\"900\",\"letterSpacing\":\"0.1em\",\"children\":[[\"$\",\"tspan\",null,{\"fill\":\"url(#triangle_gradien"])</script>
3<script>self.__next_f.push([1,"t)\",\"style\":{\"textTransform\":\"uppercase\"},\"children\":\"ma\"}],[\"$\",\"tspan\",null,{\"fill\":\"white\",\"fillOpacity\":\"0.4\",\"fontWeight\":\"600\",\"fontSize\":\"10\",\"dx\":\"2\",\"children\":\".cn\"}]]}]]}]]}]\ne:[\"$\",\"p\",null,{\"className\":\"max-w-sm text-sm leading-relaxed text-gray-400 sm:max-w-xs\",\"children\":[\"专为 AI 创作者打造的一站式代码发布平台。\",[\"$\",\"br\",null,{}],\"无需运维,专注于你的创意。\"]}]\nf:[\"$\",\"a\",null,{\"href\":\"mailto:[email protected]\",\"className\":\"inline-flex min-h-11 items-center gap-2 rounded-full border border-white/10 bg-white/[0.03] px-4 text-sm font-medium text-gray-300 transition-colors hover:border-white/20 hover:bg-white/[0.06] hover:text-white\",\"children\":[[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-mail h-4 w-4\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"132q7q\",{\"d\":\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"}],[\"$\",\"rect\",\"izxlao\",{\"x\":\"2\",\"y\":\"4\",\"width\":\"20\",\"height\":\"16\",\"rx\":\"2\"}],\"$undefined\"]}],\"[email protected]\"]}]\n"])</script>
3<script>self.__next_f.push([1,"10:[\"$\",\"nav\",null,{\"className\":\"divide-y divide-white/10 rounded-lg border border-white/10 bg-white/[0.02] md:hidden\",\"aria-label\":\"页脚导航\",\"children\":[[\"$\",\"details\",\"产品功能\",{\"className\":\"group\",\"open\":true,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"span\",null,{\"children\":\"产品功能\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"qrunsl\",{\"d\":\"m6 9 6 6 6-6\"}],\"$undefined\"]}]]}],[\"$\",\"ul\",null,{\"className\":\"grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm\",\"children\":[[\"$\",\"li\",\"全球 CDN\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/global-cdn\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"全球 CDN\"}],null]}]}],[\"$\",\"li\",\"免费 SSL\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/free-ssl\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"免费 SSL\"}],null]}]}],[\"$\",\"li\",\"自定义域名\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/custom-domains\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"自定义域名\"}],null]}]}],[\"$\",\"li\",\"密码保护\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/password-protection\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"密码保护\"}],null]}]}],[\"$\",\"li\",\"秒级回滚\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/instant-rollback\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"秒级回滚\"}],null]}]}]]}]]}],[\"$\",\"details\",\"托管场景\",{\"className\":\"group\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"span\",null,{\"children\":\"托管场景\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"qrunsl\",{\"d\":\"m6 9 6 6 6-6\"}],\"$undefined\"]}]]}],[\"$\",\"ul\",null,{\"className\":\"grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm\",\"children\":[[\"$\",\"li\",\"个人网站托管\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/personal-website\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"个人网站托管\"}],null]}]}],[\"$\",\"li\",\"学生作业托管\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/student-hosting\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"学生作业托管\"}],null]}]}],[\"$\",\"li\",\"简历托管\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/resume\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"简历托管\"}],null]}]}],[\"$\",\"li\",\"作品集托管\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/portfolio\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"作品集托管\"}],null]}]}],[\"$\",\"li\",\"导航页托管\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/link-in-bio\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[\"$L17\",null]}]}]]}]]}],\"$L18\",\"$L19\",\"$L1a\"]}]\n"])</script>
3<script>self.__next_f.push([1,"11:[\"$\",\"nav\",null,{\"className\":\"hidden text-left md:grid md:grid-cols-3 md:gap-x-10 md:gap-y-10 lg:ml-auto lg:grid-cols-5 lg:gap-x-8\",\"aria-label\":\"页脚导航\",\"children\":[[\"$\",\"div\",\"产品功能\",{\"className\":\"min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"mb-4 text-sm font-semibold text-gray-200\",\"children\":\"产品功能\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"全球 CDN\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/global-cdn\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"全球 CDN\"}],null]}]}],[\"$\",\"li\",\"免费 SSL\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/free-ssl\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"免费 SSL\"}],null]}]}],[\"$\",\"li\",\"自定义域名\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/custom-domains\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"自定义域名\"}],null]}]}],[\"$\",\"li\",\"密码保护\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/password-protection\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"密码保护\"}],null]}]}],[\"$\",\"li\",\"秒级回滚\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/features/instant-rollback\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"秒级回滚\"}],null]}]}]]}]]}],[\"$\",\"div\",\"托管场景\",{\"className\":\"min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"mb-4 text-sm font-semibold text-gray-200\",\"children\":\"托管场景\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"个人网站托管\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/personal-website\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"个人网站托管\"}],null]}]}],[\"$\",\"li\",\"学生作业托管\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/student-hosting\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"学生作业托管\"}],null]}]}],[\"$\",\"li\",\"简历托管\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/resume\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"简历托管\"}],null]}]}],[\"$\",\"li\",\"作品集托管\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/portfolio\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"作品集托管\"}],null]}]}],[\"$\",\"li\",\"导航页托管\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/link-in-bio\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"导航页托管\"}],null]}]}]]}]]}],[\"$\",\"div\",\"框架部署\",{\"className\":\"min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"mb-4 text-sm font-semibold text-gray-200\",\"children\":\"框架部署\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"HTML 部署\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-html\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"HTML 部署\"}],null]}]}],[\"$\",\"li\",\"React 部署\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-react\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"React 部署\"}],null]}]}],[\"$\",\"li\",\"Vue 部署\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-vue\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[\"$L1b\",null]}]}],\"$L1c\",\"$L1d\"]}]]}],\"$L1e\",\"$L1f\"]}]\n"])</script>
3<script>self.__next_f.push([1,"20:T4eb,M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.5151.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.419-2.1568 2.419zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.419-2.1568 2.419z"])</script>
3<script>self.__next_f.push([1,"12:[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center justify-between gap-5 border-t border-white/10 pt-6 sm:pt-8 md:flex-row\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-col items-center gap-2 text-center text-sm text-gray-600 sm:flex-row sm:gap-4 sm:text-left\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://beian.miit.gov.cn/\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"hover:text-gray-400 transition-colors\",\"children\":\"粤ICP备2023011358号-3\"}],[\"$\",\"p\",null,{\"children\":\"© 2025 UpMa. All rights reserved.\"}]]}],[\"$\",\"div\",null,{\"className\":\"flex items-center gap-2\",\"children\":[[\"$\",\"$L16\",null,{\"href\":\"#\",\"className\":\"grid h-10 w-10 place-items-center rounded-full border border-white/10 bg-white/[0.03] text-gray-500 transition-colors duration-200 hover:border-white/20 hover:bg-white/[0.06] hover:text-white\",\"aria-label\":\"Twitter\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-5 h-5\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"path\",null,{\"d\":\"M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84\"}]}]}],[\"$\",\"$L16\",null,{\"href\":\"#\",\"className\":\"grid h-10 w-10 place-items-center rounded-full border border-white/10 bg-white/[0.03] text-gray-500 transition-colors duration-200 hover:border-white/20 hover:bg-white/[0.06] hover:text-white\",\"aria-label\":\"GitHub\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-5 h-5\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z\",\"clipRule\":\"evenodd\"}]}]}],[\"$\",\"$L16\",null,{\"href\":\"#\",\"className\":\"grid h-10 w-10 place-items-center rounded-full border border-white/10 bg-white/[0.03] text-gray-500 transition-colors duration-200 hover:border-white/20 hover:bg-white/[0.06] hover:text-white\",\"aria-label\":\"Discord\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-5 h-5\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 24 24\",\"aria-hidden\":\"true\",\"children\":[\"$\",\"path\",null,{\"fillRule\":\"evenodd\",\"d\":\"$20\",\"clipRule\":\"evenodd\"}]}]}]]}]]}]\n"])</script>
3<script>self.__next_f.push([1,"21:Tb5d,"])</script>
3<script>self.__next_f.push([1,"[{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"上码 (Shangma)\",\"url\":\"https://www.upma.cn\"},{\"@context\":\"https://schema.org\",\"@type\":\"Organization\",\"name\":\"上码\",\"url\":\"https://www.upma.cn\",\"logo\":\"https://www.upma.cn/logo.png\",\"sameAs\":[\"https://twitter.com/shangma_cn\",\"https://github.com/shangma\"]},{\"@context\":\"https://schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[{\"@type\":\"Question\",\"name\":\"这里主要支持托管哪些类型的静态资源?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"我们支持几乎所有的静态文件部署。包括:普通的 HTML 网页、PDF 文档、图片素材,以及 React/Vue 等框架构建后的 dist 目录。无论是个人博客还是产品演示,都能一键上线。\"}},{\"@type\":\"Question\",\"name\":\"支持 DeepSeek / ChatGPT / Gemini / v0.dev 生成的代码吗?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"完美支持。无论是 v0.dev、Bolt.new 导出的项目,还是 DeepSeek、ChatGPT、Gemini 直接生成的 HTML 单文件,都可以直接部署。无需配置复杂的开发环境,即传即用。\"}},{\"@type\":\"Question\",\"name\":\"上码Upma 是免费的吗?有隐藏费用吗?\",\"acceptedA
3nswer\":{\"@type\":\"Answer\",\"text\":\"永久免费,且无隐藏费用。Free 套餐支持 2 个项目和每月 1GB 流量,这对于个人博客、作品集或演示 Demo 来说通常足够。无需任何费用即可开始使用。\"}},{\"@type\":\"Question\",\"name\":\"我是小白,不懂代码怎么部署?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"非常简单。如果您是用 AI 写代码,只需把 AI 生成的文件下载到电脑,然后把文件夹拖入我们的上传区即可。全程可视化操作,无需使用命令行。\"}},{\"@type\":\"Question\",\"name\":\"我可以绑定自己的域名吗?HTTPS 是免费的吗?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"当然可以。所有项目都支持绑定您的个性化域名(如 www.yourname.com)。我们会自动为您申请并续期 Let's Encrypt SSL 证书,全自动配置,永久免费。\"}},{\"@type\":\"Question\",\"name\":\"国内访问速度怎么样?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"非常快。我们在全球部署了 280+ 边缘节点。针对国内用户,我们特别优化了香港 CN2 GIA 高速线路,确保您的网站在中国大陆也能秒级打开,无阻断烦恼。\"}},{\"@type\":\"Question\",\"name\":\"免费项目的网站会“休眠”吗?\",\"acceptedA
3nswer\":{\"@type\":\"Answer\",\"text\":\"不会。这也是我们区别于其他平台的优势。您的静态网站一旦部署,全天候 24 小时在线,全球 CDN 随时响应,永不休眠。\"}},{\"@type\":\"Question\",\"name\":\"支持自动化部署 (CI/CD) 吗?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"支持。我们提供了专门的 CLI 命令行工具。您可以将其集成到 GitHub Actions 或任何 CI 流程中,实现代码提交即自动更新上线。\"}}]}]"])</script>
3<script>self.__next_f.push([1,"13:[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"$21\"}}],[\"$\",\"$L22\",null,{}],[\"$\",\"$L23\",null,{}],[\"$\",\"section\",null,{\"className\":\"bg-[#0A0C10]/30 pt-20\",\"children\":[[\"$\",\"$L24\",null,{}],[\"$\",\"$L25\",null,{}]]}],[\"$\",\"div\",null,{\"className\":\"py-24 bg-black/20\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\",\"children\":[[\"$\",\"div\",null,{\"className\":\"text-center mb-16\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl sm:text-3xl font-bold mb-2 sm:mb-4\",\"children\":\"工作原理\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-400\",\"children\":\"简单三步,甚至无需注册即可预览\"}]]}],[\"$\",\"div\",null,{\"className\":\"grid md:grid-cols-3 gap-12 relative\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden md:block absolute top-12 left-[16%] right-[16%] h-0.5 bg-gradient-to-r from-blue-500/20 via-purple-500/20 to-green-500/20\"}],[[\"$\",\"div\",\"0\",{\"className\":\"relative flex flex-col items-center text-center group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-24 h-24 rounded-2xl glass-dark flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 border border-white/5 group-hover:border-white/20 shadow-lg shadow-black/50\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-8 h-8 text-blue-400\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":\"2\",\"d\":\"M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12\"}]}]}],[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-white mb-3\",\"children\":\"上传你的项目\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-400 leading-relaxed max-w-xs\",\"children\":\"直接拖入代码文件夹(HTML/Dist)或 Zip 压缩包。\"}]]}],[\"$\",\"div\",\"1\",{\"className\":\"relative flex flex-col items-center text-center group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-24 h-24 rounded-2xl glass-dark flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 border border-white/5 group-hover:border-white/20 shadow-lg shadow-black/50\",\"children\":\"$L26\"}],\"$L27\",\"$L28\"]}],\"$L29\"]]}]]}]}],\"$L2a\",\"$L2b\",\"$L2c\",\"$L2d\",\"$L2e\",\"$L2f\"],[\"$L30\",\"$L31\",\"$L32\",\"$L33\",\"$L34\"],\"$L35\"]}]\n"])</script>
3<script>self.__next_f.push([1,"14:[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L36\",null,{\"children\":\"$L37\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$L38\",null,{\"children\":[\"$\",\"$39\",null,{\"name\":\"Next.Metadata\",\"children\":\"$L3a\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]\n"])</script>
3<script>self.__next_f.push([1,"3b:I[768093,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n3c:I[716924,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n3d:I[90226,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n3e:I[182630,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n3f:I[300704,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n40:I[445869,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/fe96ba40e9e8ef1d.js\",\"/_next/static/chunks/db81d66fdcac06eb.js\",\"/_next/static/chunks/61148fb845518522.js\",\"/_next/static/chunks/bec9bc27fd316f44.js\",\"/_next/static/chunks/75f964463e43185f.js\",\"/_next/static/chunks/d7b8a6adcb687647.js\",\"/_next/static/chunks/f95229c85107bf47.js\",\"/_next/static/chunks/0dc97eab4bbef92a.js\"],\"default\"]\n41:I[802718,[\"/_next/static/chunks/b2b9122c1b63621e.js\",\"/_next/static/chunks/395e51502c352751.js\"],\"OutletBoundary\"]\n17:[\"$\",\"span\",null,{\"children\":\"导航页托管\"}]\n"])</script>
3<script>self.__next_f.push([1,"18:[\"$\",\"details\",\"框架部署\",{\"className\":\"group\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"span\",null,{\"children\":\"框架部署\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"qrunsl\",{\"d\":\"m6 9 6 6 6-6\"}],\"$undefined\"]}]]}],[\"$\",\"ul\",null,{\"className\":\"grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm\",\"children\":[[\"$\",\"li\",\"HTML 部署\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-html\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"HTML 部署\"}],null]}]}],[\"$\",\"li\",\"React 部署\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-react\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"React 部署\"}],null]}]}],[\"$\",\"li\",\"Vue 部署\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-vue\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Vue 部署\"}],null]}]}],[\"$\",\"li\",\"PDF 托管\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/host-pdf\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"PDF 托管\"}],null]}]}],[\"$\",\"li\",\"DeepSeek 部署\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-deepseek\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"DeepSeek 部署\"}],null]}]}]]}]]}]\n"])</script>
3<script>self.__next_f.push([1,"19:[\"$\",\"details\",\"开发工具\",{\"className\":\"group\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"span\",null,{\"children\":\"开发工具\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"qrunsl\",{\"d\":\"m6 9 6 6 6-6\"}],\"$undefined\"]}]]}],[\"$\",\"ul\",null,{\"className\":\"grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm\",\"children\":[[\"$\",\"li\",\"JSON 格式化\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/json-formatter\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"JSON 格式化\"}],null]}]}],[\"$\",\"li\",\"正则测试\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/regex\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"正则测试\"}],null]}]}],[\"$\",\"li\",\"IP 查询\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/ip\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"IP 查询\"}],null]}]}],[\"$\",\"li\",\"Ping 检测\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/ping\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Ping 检测\"}],null]}]}],[\"$\",\"li\",\"查看全部\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors font-medium text-blue-300 hover:text-blue-200\",\"children\":[[\"$\",\"span\",null,{\"children\":\"查看全部\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]]}]]}]\n"])</script>
3<script>self.__next_f.push([1,"1a:[\"$\",\"details\",\"资源支持\",{\"className\":\"group\",\"open\":false,\"children\":[[\"$\",\"summary\",null,{\"className\":\"flex min-h-12 cursor-pointer list-none items-center justify-between px-4 text-sm font-semibold text-gray-100 [\u0026::-webkit-details-marker]:hidden\",\"children\":[[\"$\",\"span\",null,{\"children\":\"资源支持\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-chevron-down h-4 w-4 text-gray-500 transition-transform group-open:rotate-180\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"qrunsl\",{\"d\":\"m6 9 6 6 6-6\"}],\"$undefined\"]}]]}],[\"$\",\"ul\",null,{\"className\":\"grid grid-cols-2 gap-x-4 gap-y-1 px-4 pb-4 text-sm\",\"children\":[[\"$\",\"li\",\"价格\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/pricing\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"价格\"}],null]}]}],[\"$\",\"li\",\"使用指南\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/docs\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"使用指南\"}],null]}]}],[\"$\",\"li\",\"博客\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/blog\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"博客\"}],null]}]}],[\"$\",\"li\",\"隐私\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/legal/privacy\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"隐私\"}],null]}]}],[\"$\",\"li\",\"条款\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/legal/terms\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"条款\"}],null]}]}]]}]]}]\n"])</script>
3<script>self.__next_f.push([1,"1b:[\"$\",\"span\",null,{\"children\":\"Vue 部署\"}]\n1c:[\"$\",\"li\",\"PDF 托管\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/host-pdf\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"PDF 托管\"}],null]}]}]\n1d:[\"$\",\"li\",\"DeepSeek 部署\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/deploy/deploy-deepseek\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"DeepSeek 部署\"}],null]}]}]\n"])</script>
3<script>self.__next_f.push([1,"1e:[\"$\",\"div\",\"开发工具\",{\"className\":\"min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"mb-4 text-sm font-semibold text-gray-200\",\"children\":\"开发工具\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"JSON 格式化\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/json-formatter\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"JSON 格式化\"}],null]}]}],[\"$\",\"li\",\"正则测试\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/regex\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"正则测试\"}],null]}]}],[\"$\",\"li\",\"IP 查询\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/ip\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"IP 查询\"}],null]}]}],[\"$\",\"li\",\"Ping 检测\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools/ping\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"Ping 检测\"}],null]}]}],[\"$\",\"li\",\"查看全部\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/tools\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors font-medium text-blue-300 hover:text-blue-200\",\"children\":[[\"$\",\"span\",null,{\"children\":\"查看全部\"}],[\"$\",\"svg\",null,{\"ref\":\"$undefined\",\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":24,\"height\":24,\"viewBox\":\"0 0 24 24\",\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeWidth\":2,\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"className\":\"lucide lucide-arrow-right h-3.5 w-3.5\",\"aria-hidden\":\"true\",\"children\":[[\"$\",\"path\",\"1ays0h\",{\"d\":\"M5 12h14\"}],[\"$\",\"path\",\"xquz4c\",{\"d\":\"m12 5 7 7-7 7\"}],\"$undefined\"]}]]}]}]]}]]}]\n"])</script>
3<script>self.__next_f.push([1,"1f:[\"$\",\"div\",\"资源支持\",{\"className\":\"min-w-0\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"mb-4 text-sm font-semibold text-gray-200\",\"children\":\"资源支持\"}],[\"$\",\"ul\",null,{\"className\":\"space-y-2 text-sm\",\"children\":[[\"$\",\"li\",\"价格\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/pricing\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"价格\"}],null]}]}],[\"$\",\"li\",\"使用指南\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/docs\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"使用指南\"}],null]}]}],[\"$\",\"li\",\"博客\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/blog\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"博客\"}],null]}]}],[\"$\",\"li\",\"隐私\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/legal/privacy\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"隐私\"}],null]}]}],[\"$\",\"li\",\"条款\",{\"children\":[\"$\",\"$L16\",null,{\"href\":\"/legal/terms\",\"prefetch\":false,\"className\":\"inline-flex min-h-10 items-center gap-1.5 rounded-md py-1 transition-colors text-gray-500 hover:text-white\",\"children\":[[\"$\",\"span\",null,{\"children\":\"条款\"}],null]}]}]]}]]}]\n"])</script>
3<script>self.__next_f.push([1,"26:[\"$\",\"svg\",null,{\"className\":\"w-8 h-8 text-purple-400\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":\"2\",\"d\":\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"}]}]\n27:[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-white mb-3\",\"children\":\"自动识别构建\"}]\n28:[\"$\",\"p\",null,{\"className\":\"text-gray-400 leading-relaxed max-w-xs\",\"children\":\"智能识别 HTML静态站 或 React/Vue 前端项目,自动配置环境。\"}]\n29:[\"$\",\"div\",\"2\",{\"className\":\"relative flex flex-col items-center text-center group\",\"children\":[[\"$\",\"div\",null,{\"className\":\"w-24 h-24 rounded-2xl glass-dark flex items-center justify-center mb-6 group-hover:scale-110 transition duration-300 border border-white/5 group-hover:border-white/20 shadow-lg shadow-black/50\",\"children\":[\"$\",\"svg\",null,{\"className\":\"w-8 h-8 text-green-400\",\"fill\":\"none\",\"viewBox\":\"0 0 24 24\",\"stroke\":\"currentColor\",\"children\":[\"$\",\"path\",null,{\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":\"2\",\"d\":\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064\"}]}]}],[\"$\",\"h3\",null,{\"className\":\"text-xl font-bold text-white mb-3\",\"children\":\"全球分发\"}],[\"$\",\"p\",null,{\"className\":\"text-gray-400 leading-relaxed max-w-xs\",\"children\":\"秒级部署到全球 300+ 边缘节点,自动配置 HTTPS 和 CDN。\"}]]}]\n2a:[\"$\",\"$L3b\",null,{}]\n2b:[\"$\",\"$L3c\",null,{}]\n2c:[\"$\",\"$L3d\",null,{}]\n2d:[\"$\",\"$L3e\",null,{}]\n2e:[\"$\",\"$L3f\",null,{}]\n2f:[\"$\",\"$L40\",null,{}]\n30:[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/bec9bc27fd316f44.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n31:[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/75f964463e43185f.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n32:[\"$\",\"script\",\"script-2\",{\"src\":\"/_next/static/chunks/d7b8a6adcb687647.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n33:[\"$\",\"script\",\"script-3\",{\"src\":\"/_next/static/chunks/f95229c85107bf47.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n34:[\"$\",\"script\",\"script-4\",{\"src\":\"/_next/static/chunks/0dc97eab4bbef92a.js\",\"async\":true,\"nonce\":\"$undefined\"}]\n35:[\"$\",\"$L41\",null,{\"children\":[\"$\",\"$39\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@42\"}]}]\n"])</script>
3<script>self.__next_f.push([1,"43:I[986150,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\"],\"default\"]\n44:I[96923,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\"],\"Providers\"]\n45:I[293264,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\"],\"PlansProvider\"]\n"])</script>
3<script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"zh-CN\",\"suppressHydrationWarning\":true,\"className\":\"scroll-smooth\",\"children\":[\"$\",\"body\",null,{\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased overflow-x-hidden bg-gray-50 dark:bg-[#050505] text-slate-900 dark:text-white\",\"children\":[[\"$\",\"$L43\",null,{\"color\":\"linear-gradient(to right, #6366f1, #8b5cf6, #ec4899)\",\"initialPosition\":0.08,\"crawlSpeed\":200,\"height\":3,\"crawl\":true,\"showSpinner\":false,\"showForHashAnchor\":false,\"easing\":\"ease\",\"speed\":200,\"shadow\":\"0 0 10px #8b5cf6,0 0 5px #8b5cf6\"}],[\"$\",\"script\",null,{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"上码\\\",\\\"applicationCategory\\\":\\\"DeveloperApplication\\\",\\\"operatingSystem\\\":\\\"Web\\\",\\\"offers\\\":{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"USD\\\"},\\\"description\\\":\\\"A platform to deploy AI-generated code (DeepSeek, ChatGPT, Claude) to the web instantly.\\\"}\"}}],[\"$\",\"$L44\",null,{\"children\":[\"$\",\"$L45\",null,{\"initialConfig\":{\"plans\":{\"FREE\":{\"id\":\"FREE\",\"name\":\"Free\",\"description\":\"面向个人开发者、学生及简单项目演示。\",\"popular\":false,\"pricing\":{\"monthly\":0,\"annual\":0},\"limits\":{\"maxProjects\":2,\"maxUploadSize\":10485760,\"maxStorage\":104857600,\"maxBandwidth\":1073741824,\"maxDomains\":0,\"hasCustomDomain\":false,\"hasSSL\":false,\"hasAnalytics\":false,\"hasPasswordProtection\":false,\"hasBranding\":true,\"maxVersionHistory\":3,\"maxTeamMembers\":1,\"buildQueue\":\"standard\",\"cdnTier\":\"shared\",\"supportLevel\":\"community\",\"hasCleanUrls\":false,\"rateLimitBytes\":524288,\"maxFormsPerProject\":1,\"maxFormSubmissionsPerMonth\":10,\"formRetentionDays\":10,\"hasFormWebhook\":false,\"hasFormOpenMode\":false},\"features\":[\"2 个项目\",\"每月 1GB 流量\",\"单次上传 10MB\",\"总存储 100MB\",\"内置表单(1 个 / 每月 10 次提交)\",\"表单数据保留 10 天\",\"标准构建队列\",\"可额外自定义域名\",\"自动 SSL 证书\",\"右下角存在托管于上码标识\"],\"aiCreditGrant\":{\"monthly\":{\"credits\":0,\"expiresInDays\":0,\"validityLabel\":\"无赠送积分\"},\"annual\":{\"credits\":0,\"expiresInDays\":0,\"validityLabel\":\"无赠送积分\"}}},\"PRO\":{\"id\":\"PRO\",\"name\":\"Pro\",\"description\":\"面向专业开发者、生产环境及商业项目。\",\"popular\":true,\"pricing\":{\"monthly\":19.9,\"annual\":199},\"limits\":{\"maxProjects\":50,\"maxUploadSize\":209715200,\"maxStorage\":5368709120,\"maxBandwidth\":107374182400,\"maxDomains\":10,\"hasCustomDomain\":true,\"hasSSL\":true,\"hasAnalytics\":true,\"hasPasswordProtection\":true,\"hasBranding\":false,\"maxVersionHistory\":10,\"maxTeamMembers\":1,\"buildQueue\":\"turbo\",\"cdnTier\":\"global\",\"supportLevel\":\"email\",\"hasCleanUrls\":true,\"rateLimitBytes\":2097152,\"maxFormsPerProject\":10,\"maxFormSubmissionsPerMonth\":1000,\"formRetentionDays\":180,\"hasFormWebhook\":true,\"hasFormOpenMode\":true},\"features\":[\"50 个项目\",\"每月 100GB 流量\",\"单次上传 200MB\",\"内置表单(每月 1 千次提交)\",\"全球加速 CDN (香港/日本 CN2)\",\"自定义域名 (10个)\",\"自动 SSL 证书\",\"统计分析 \u0026 访客明细\",\"网站访问密码\",\"去除托管于上码标识\",\"Clean URLs (隐藏 .html 后缀)\"],\"aiCreditGrant\":{\"monthly\":{\"credits\":50,\"expiresInDays\":30,\"validityLabel\":\"30 天有效期\"},\"annual\":{\"credits\":500,\"expiresInDays\":365,\"validityLabel\":\"一年有效期\"}}},\"TEAM\":{\"id\":\"TEAM\",\"name\":\"Team\",\"description\":\"面向企业、公司及需要协作的工作室团队。\",\"popular\":false,\"pricing\":{\"monthly\":199,\"annual\":1999},\"limits\":{\"maxProjects\":-1,\"maxUploadSize\":524288000,\"maxStorage\":53687091200,\"maxBandwidth\":1099511627776,\"maxDomains\":100,\"hasCustomDomain\":true,\"hasSSL\":true,\"hasAnalytics\":true,\"hasPasswordProtection\":true,\"hasBranding\":false,\"maxVersionHistory\":-1,\"maxTeamMembers\":5,\"buildQueue\":\"dedicated\",\"cdnTier\":\"enterprise\",\"supportLevel\":\"dedicated\",\"hasCleanUrls\":true,\"rateLimitBytes\":5242880,\"maxFormsPerProject\":100,\"maxFormSubmissionsPerMonth\":10000,\"formRetentionDays\":365,\"hasFormWebhook\":true,\"hasFormOpenMode\":true},\"features\":[\"无限项目\",\"每月 1TB 流量\",\"单次上传 500MB\",\"内置表单(每月 1 万次提交)\",\"独享极速构建实例\",\"团队协作 (5人)\",\"自å
3®šä¹‰åŸŸå (100个)\",\"统计分析 \u0026 访客明细\",\"网站访问密码\",\"优先工单支持\",\"Clean URLs (隐藏 .html 后缀)\"],\"aiCreditGrant\":{\"monthly\":{\"credits\":500,\"expiresInDays\":30,\"validityLabel\":\"30 天有效期\"},\"annual\":{\"credits\":5000,\"expiresInDays\":365,\"validityLabel\":\"一年有效期\"}}}},\"features\":[{\"category\":\"构建与存储\",\"items\":[{\"name\":\"项目数量\",\"free\":\"2 个\",\"pro\":\"50 个\",\"team\":\"无限\"},{\"name\":\"单次上传限制\",\"free\":\"10 MB\",\"pro\":\"200 MB\",\"team\":\"500 MB\"},{\"name\":\"存储空间\",\"free\":\"100 MB\",\"pro\":\"5 GB\",\"team\":\"50 GB\"},{\"name\":\"构建队列\",\"free\":\"标准 (排队)\",\"pro\":\"Turbo (3x 速度)\",\"team\":\"独享实例 (极速)\"}]},{\"category\":\"分发与网络\",\"items\":[{\"name\":\"带宽限制\",\"free\":\"5 Mbps\",\"pro\":\"20 Mbps\",\"team\":\"100 Mbps\"},{\"name\":\"月流量限制\",\"free\":\"1 GB (支持额外购买)\",\"pro\":\"100 GB (支持额外购买)\",\"team\":\"1 TB (支持额外购买)\"},{\"name\":\"CDN 节点\",\"free\":\"共享 (HK/US/EU)\",\"pro\":\"全球加速 (含香港 CN2)\",\"team\":\"全球企业级\"},{\"name\":\"自定义域名\",\"free\":\"可额外购买\",\"pro\":\"10 个 (支持额外购买)\",\"team\":\"100个 (支持额外购买)\"},{\"name\":\"自动管理/续期 SSL\",\"free\":\"✔ (自动续期)\",\"pro\":\"✔ (自动续期)\",\"team\":\"✔ (自动续期)\"}]},{\"category\":\"表单与线索收集\",\"items\":[{\"name\":\"活跃表单数\",\"free\":\"1 个\",\"pro\":\"10 个\",\"team\":\"100 个\"},{\"name\":\"每月表单提交次数\",\"free\":\"10 次\",\"pro\":\"1000 次\",\"team\":\"1 万次\"},{\"name\":\"表单数据保留\",\"free\":\"10 天\",\"pro\":\"180 天\",\"team\":\"1 å¹´\"},{\"name\":\"Open Mode \u0026 Webhook\",\"free\":\"✖\",\"pro\":\"✔\",\"team\":\"✔\"}]},{\"category\":\"高级功能\",\"items\":[{\"name\":\"网站访问密码\",\"free\":\"✖\",\"pro\":\"✔\",\"team\":\"✔\"},{\"name\":\"统计分析 \u0026 访客明细\",\"free\":\"✖\",\"pro\":\"✔\",\"team\":\"✔\"},{\"name\":\"去品牌化 (隐藏托管于标识)\",\"free\":\"✖\",\"pro\":\"✔\",\"team\":\"✔\"},{\"name\":\"版本回滚\",\"free\":\"✖\",\"pro\":\"最近 10 个版本\",\"team\":\"无限\"},{\"name\":\"团队协作\",\"free\":\"✖\",\"pro\":\"✖\",\"team\":\"5 名成员\"},{\"name\":\"Clean URLs (隐藏 .html 后缀)\",\"free\":\"✖\",\"pro\":\"✔\",\"team\":\"✔\"},{\"name\":\"技术支持\",\"free\":\"社区支持\",\"pro\":\"优先邮件\",\"team\":\"24h 专属工单\"}]}]},\"children\":\"$L46\"}]}],\"$L47\",\"$L48\",\"$L49\"]}]}]\n"])</script>
3<script>self.__next_f.push([1,"37:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
3<script>self.__next_f.push([1,"4a:I[376193,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\"],\"UserProvider\"]\n4b:I[408821,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\",\"/_next/static/chunks/8f11cc485796c631.js\"],\"default\"]\n4c:I[754219,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\"],\"Toaster\"]\n4d:I[421721,[\"/_next/static/chunks/733d483dbb25b2a8.js\",\"/_next/static/chunks/e61992e38fd16c06.js\"],\"\"]\n"])</script>
3<script>self.__next_f.push([1,"46:[\"$\",\"$L4a\",null,{\"children\":[\"$\",\"$L4\",null,{\"children\":[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$4b\",\"errorStyles\":[],\"errorScripts\":[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/8f11cc485796c631.js\",\"async\":true}]],\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:children:0:props:children:1:props:children:2:props:children:props:children:props:notFound:0:1:props:style\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$0:f:0:1:1:children:0:props:children:1:props:children:2:props:children:props:children:props:notFound:0:1:props:children:props:children:1:props:style\",\"children\":404}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:children:0:props:children:1:props:children:2:props:children:props:children:props:notFound:0:1:props:children:props:children:2:props:style\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$0:f:0:1:1:children:0:props:children:1:props:children:2:props:children:props:children:props:notFound:0:1:props:children:props:children:2:props:children:props:style\",\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]\n"])</script>
3<script>self.__next_f.push([1,"47:[\"$\",\"$L4c\",null,{\"position\":\"top-right\",\"theme\":\"system\",\"richColors\":true,\"closeButton\":true,\"gap\":24,\"visibleToasts\":5,\"toastOptions\":{\"className\":\"shadow-2xl border\",\"style\":{\"padding\":\"16px\",\"borderRadius\":\"12px\",\"boxShadow\":\"0 6px 20px 2px rgba(0, 0, 0, 0.2)\"}}}]\n48:[\"$\",\"$L4d\",null,{\"id\":\"la-analytics\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            !function(p){\\\"use strict\\\";!function(t){var s=window,e=document,i=p,c=\\\"\\\".concat(\\\"https:\\\"===e.location.protocol?\\\"https://\\\":\\\"http://\\\",\\\"sdk.51.la/js-sdk-pro.min.js\\\"),n=e.createElement(\\\"script\\\"),r=e.getElementsByTagName(\\\"script\\\")[0];n.type=\\\"text/javascript\\\",n.setAttribute(\\\"charset\\\",\\\"UTF-8\\\"),n.async=!0,n.src=c,n.id=\\\"LA_COLLECT\\\",i.d=n;var o=function(){s.LA.ids.push(i)};s.LA?s.LA.ids\u0026\u0026o():(s.LA=p,s.LA.ids=[],o()),r.parentNode.insertBefore(n,r)}()}({id:\\\"3OdiScgzn1QbhLyj\\\",ck:\\\"3OdiScgzn1QbhLyj\\\",autoTrack:true,hashMode:true});\\n          \"}]\n49:[\"$\",\"$L4d\",null,{\"id\":\"crisp-chat\",\"strategy\":\"afterInteractive\",\"children\":\"\\n            window.$crisp=[];window.CRISP_WEBSITE_ID=\\\"0dd55be2-d5f3-462c-8ce0-984d1ae05ac7\\\";(function(){d=document;s=d.createElement(\\\"script\\\");s.src=\\\"/crisp/l.js\\\";s.async=1;d.getElementsByTagName(\\\"head\\\")[0].appendChild(s);})();\\n          \"}]\n"])</script>
3<script>self.__next_f.push([1,"4e:I[414638,[\"/_next/static/chunks/b2b9122c1b63621e.js\",\"/_next/static/chunks/395e51502c352751.js\"],\"IconMark\"]\n"])</script>
3<script>self.__next_f.push([1,"3a:[[\"$\",\"title\",\"0\",{\"children\":\"免费静态网站托管平台 - HTML/PDF 与 AI 网站一键部署 | 上码 Upma\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"上码 Upma 提供免费静态网站托管服务,支持 HTML/PDF 与 AI 网站一键部署,同时兼容图片上传与外链。适配 DeepSeek/ChatGPT/Gemini 生成网页,内置自定义域名、HTTPS、全球 CDN 与版本回滚。\"}],[\"$\",\"meta\",\"2\",{\"name\":\"keywords\",\"content\":\"免费静态网站托管平台,免费网站托管平台,静态网站托管,HTML 托管,PDF 托管,AI 网站一键部署,AI 网页发布,AI 代码部署,图片外链,DeepSeek 网页发布,ChatGPT 网页发布,Gemini 网页发布\"}],[\"$\",\"link\",\"3\",{\"rel\":\"canonical\",\"href\":\"https://www.upma.cn\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:title\",\"content\":\"免费静态网站托管平台 - HTML/PDF 与 AI 网站一键部署 | 上码 Upma\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:description\",\"content\":\"支持 HTML/PDF 与 AI 网站一键部署,兼容图片上传与外链,立即获得 HTTPS 链接。\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:url\",\"content\":\"https://www.upma.cn\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image\",\"content\":\"https://www.upma.cn/logo.png\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image:width\",\"content\":\"512\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:height\",\"content\":\"512\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:alt\",\"content\":\"上码 - 免费静态托管平台\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"免费静态网站托管平台 - HTML/PDF 与 AI 网站一键部署 | 上码 Upma\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"支持 HTML/PDF 与 AI 网站一键部署,兼容图片上传与外链,立即获得 HTTPS 链接。\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image\",\"content\":\"https://www.upma.cn/logo.png\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image:width\",\"content\":\"512\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image:height\",\"content\":\"512\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image:alt\",\"content\":\"上码 - 免费静态托管平台\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/favicon.ico?favicon.441ae040.ico\",\"sizes\":\"256x256\",\"type\":\"image/x-icon\"}],[\"$\",\"$L4e\",\"20\",{}]]\n"])</script>
3<script>self.__next_f.push([1,"42:null\n"])</script>
3</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.