TL;DR:在 Mac IDE 中,点击工具栏上的 Cloud 按钮。为应用起一个名字,设置构建命令和输出目录(纯静态站点可两项留空),然后点击 Deploy。LingCode 会构建项目、上传静态输出,并为你提供一个带 HTTPS 的实时 https://lingcode.dev/apps/<id>/ 链接——无需主机账户、无需部署令牌、无需配置 DNS。重新部署会更新同一个 URL;准备好后可附加自定义域名。
大多数能写网站的人,却不知道怎么把它发布出去——障碍不在代码,而在于"本机能跑"和"朋友能打开"之间那一堆主机账户、构建设置、令牌和 DNS 配置。LingCode Cloud 就是那条捷径:IDE 里的一个按钮,能把你正在看的项目变成一个公开 URL。本教程带你了解这个按钮背后发生了什么、什么情况下适合用它,以及它的边界在哪里。
我们先说清楚"LingCode Cloud"托管究竟是什么,因为这个名字涵盖两件独立的事。本教程讲的是 Cloud 应用——托管前端:将 Web 应用构建后生成的 HTML、CSS 和 JavaScript,通过 LingCode 的边缘节点在真实 URL 上提供服务。这与托管后端(为每个项目提供含认证、存储和实时功能的 Postgres 数据库)是两回事,后者是独立功能,有专属教程。两者可以单独使用,也可以配合使用——在这里部署静态前端,(可选地)让它连接托管后端来处理数据。
之所以只需一键,是因为 IDE 已经掌握了所有必要信息:它知道你的项目文件夹,能运行构建命令,而且你已经登录了 LingCode 账户。因此它不需要你再去创建 Netlify/Vercel/AWS 账户并粘贴令牌——直接在本地构建,打包输出,然后上传到 LingCode 托管的服务器。整个过程中不涉及任何第三方凭证。
LingCode Cloud 应用提供的是预构建的静态文件。不管你的项目编译成什么——一个单独的 index.html,还是 Vite/React/Svelte/Vue 构建后输出的 HTML 文件加 JS/CSS 块和静态资产——这些文件就是被托管的内容。服务器端不会运行你的代码;请求通过直接提供文件来响应,并带有单页应用回退(未知路径会返回 index.html,使客户端路由正常工作)。这个模型适合落地页、文档、仪表盘、游戏和 SPA。它不适合需要每次请求都运行 Node 的 Express/Next-SSR 服务器——对于那种情况,你要么把服务器部署到别处,要么给静态前端接一个托管后端来处理数据。
Cloud 应用 = 你的前端,托管在 lingcode.dev/apps/<id>/。托管后端 = 你的应用所连接的私有数据库 + 认证 + 存储。部署应用不会创建后端,连接后端也不会部署应用——它们是各司其职的两个独立按钮。大多数应用应先部署前端,等需要持久化数据时再添加后端。
npm install && npm run build。如果项目已经是纯静态文件(可以直接打开的 index.html),则留空。dist,Create React App 对应 build 等)。如果构建命令为空,这里就是包含 index.html 的文件夹(通常是项目根目录)。.xcodeproj)会被标记为不兼容("LingCode Cloud 托管静态 Web 应用"),Node 服务器/SSR 项目会提示只能托管其静态构建输出,而输出目录中缺少 index.html 则是阻塞性错误。在填写名称且无阻塞问题之前,Deploy 按钮保持禁用状态。https://lingcode.dev/apps/<id>/——以及 Copy 和 Open 按钮。了解构建管道能让故障原因一目了然,而不是一头雾水:
index.html,然后将该目录的内容打包为 tar + gzip 压缩文件。结果是一个带版本号的公开应用。由于托管基于文件,本地构建成功后所看到的内容就是线上的内容。
重新部署:在同一项目上再次点击 Cloud 并点击 Deploy——它会更新同一个应用(相同 id、相同 URL),递增版本号,并保留已绑定的域名。无需"推广"操作;实时 URL 始终反映最新一次部署。
自定义域名:在部署弹窗中就有一个自定义域名区域。绑定 app.yourdomain.com(以及可选的 www 子域),将一条 DNS 记录指向 LingCode,HTTPS 会自动签发。完整说明——顶级域名 vs www、具体记录和 Cloudflare 代理注意事项——请参见为 Cloud 应用连接自定义域名。
数据:需要账户或存储功能的托管前端,可以连接托管后端——两者可以无缝配合使用。
node_modules。express 或 next start 的内容。你仍然可以部署——但只有静态构建输出会被托管,服务端本身不行。对于 Next.js 应用,这意味着需要静态导出;对于 Express API,服务端应部署到其他地方(或改为托管后端)。将服务端的源代码文件夹直接部署会导致站点没有 index.html,预检会将其拦截。