静态网站部署

技能简介

static-app 是一项用于将静态网站快速部署到 static.app 托管平台的技能，支持 HTML、CSS、JavaScript 等纯前端资源的在线发布与访问。

业务背景

静态网站部署技能让前端团队无需运维经验即可快速上线官网、活动页或产品文档。通过一键打包上传，自动生成公网链接，大幅缩短从开发到发布的周期，支持自定义域名绑定，满足品牌一致性要求，助力业务敏捷迭代。

落地案例：某电商团队完成大促活动H5页面开发后，执行static-app deploy ./dist命令，将构建产物直接推送至托管平台，30秒内获得可访问的正式环境链接。运营团队随即开展推广投放，无需等待传统服务器配置流程，实现营销活动快速上线。

能做什么

• 将本地静态网站文件打包并上传至云端托管
• 自动生成可访问的公网 URL
• 支持自定义域名绑定（视平台功能）
• 实现前端项目的快速上线与版本迭代

使用说明

安装指令：原始文档未提供具体安装命令，通常需通过包管理器或 CLI 工具集成。建议执行以下通用步骤：

1. 确认已安装 Node.js 环境（版本 16+）
2. 运行 npm install -g @static-app/cli 或等效命令安装客户端
3. 在项目根目录执行 static-app login 完成身份验证
4. 运行 static-app deploy ./dist 指定构建输出目录进行部署

输入与输出

见下方输入与输出表格。

风险提示

• 部署前需确认目标目录不含敏感配置文件（如 .env、密钥文件）
• 公开访问的静态站点无法隐藏源码，避免硬编码 API 密钥
• 免费托管可能存在流量限制或休眠策略，生产环境建议评估付费方案
• 域名 DNS 解析变更存在生效延迟，切换时预留缓冲时间

来源信息

原始链接：https://github.com/openclaw/skills/blob/main/skills/akellacom/static-app/SKILL.md
来源类型：GitHub 仓库备份