前端, 工具
YUN Share 静态网页托管
YunHai
··8 分钟阅读在前端开发过程中,我们经常需要临时预览、验证或分享一个静态网页项目,尤其是在协作开发、展示 Demo、或者测试时。为了解决这类需求,我们打造了一款简单、高效的 静态网页项目托管工具 —— 只需上传一个 zip 文件,即可在线访问你的网站!
如果你需要安全、稳定及快速的服务那么本工具并不适合你,本工具依靠 email 来识别用户,如果你的邮箱号泄露,那么可能会导致你的网页丢失。
🎯 工具简介
这是一个 Web 页面封装的轻量化文件分享平台,支持将本地静态网页项目(如 HTML/CSS/JS 构成的网站)通过上传方式一键部署至服务器。上传成功后,系统将自动发送验证邮件,验证通过后即可访问并分享部署链接。
无需注册登录、无需配置服务器,适用于临时项目分享、前端页面展示、静态网页托管等多种场景。
📦 上传要求
上传的文件必须满足以下要求:
必须为 ZIP 压缩包
压缩包中必须包含一个 meta.json 文件
- meta.json 中应包含一个 project 字段,作为该项目的名称
📌 示例 meta.json 内容如下:
{ "author": "yinhai", "email": "bybxbwg@foxmail.com", "project": "test" }
📂 如何使用?
Step 1:打包项目
将你的静态网页项目文件(HTML/CSS/JS)整理后,与一个 meta.json 文件一起打包为 zip 格式。
my-project/ ├── index.html ├── style.css ├── script.js └── meta.json
然后将整个 my-project 文件夹内的文件压缩为 my-project.zip。
注意是压缩 my-project/* 而不是 压缩 my-project
Step 2:上传 ZIP 文件
进入上传页面后:
- 拖拽 zip 文件至上传区域,或点击选择文件
- 确保格式符合要求
- 点击「上传项目」按钮
🔒 平台会自动验证 meta.json 是否存在并解析 project 名称
Step 3:邮箱验证
上传成功后,系统将向 meta.json 中指定的邮箱发送验证链接。
点击验证链接后,项目将正式部署完成,你将获得一个可以直接访问的在线链接,形如:
https://share.yhnotes.com/{project}/
📄 项目管理
上传过的项目会在页面下方的「项目列表」中展示,包括:
- 项目名称
- 访问地址
- 所属邮箱
你还可以通过输入邮箱地址进行筛选查询,或点击删除按钮移除不再需要的项目。
🚨 注意事项
- 禁止上传非法内容,一经发现立即封禁;
- 当前仅支持静态网页项目(不支持 Node、Python 等服务端程序);
- meta.json 文件中必须包含 project 字段,且唯一命名。
📬 联系与支持
如果在使用过程中遇到任何问题,欢迎提交反馈或联系维护者。后续我们还将支持更多功能如:
- 项目访问密码保护
- 自定义域名绑定
- 多项目版本管理
部署分享前端静态站工具