跳过导航,直达内容
YunHai LogoYunHai

Search

    前端, 工具

    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 文件

    进入上传页面后:

    1. 拖拽 zip 文件至上传区域,或点击选择文件
    2. 确保格式符合要求
    3. 点击「上传项目」按钮

    🔒 平台会自动验证 meta.json 是否存在并解析 project 名称

    Step 3:邮箱验证

    上传成功后,系统将向 meta.json 中指定的邮箱发送验证链接。

    点击验证链接后,项目将正式部署完成,你将获得一个可以直接访问的在线链接,形如:

    https://share.yhnotes.com/{project}/

    📄 项目管理

    上传过的项目会在页面下方的「项目列表」中展示,包括:

    • 项目名称
    • 访问地址
    • 所属邮箱

    你还可以通过输入邮箱地址进行筛选查询,或点击删除按钮移除不再需要的项目。

    🚨 注意事项

    • 禁止上传非法内容,一经发现立即封禁;
    • 当前仅支持静态网页项目(不支持 Node、Python 等服务端程序);
    • meta.json 文件中必须包含 project 字段,且唯一命名。

    📬 联系与支持

    如果在使用过程中遇到任何问题,欢迎提交反馈或联系维护者。后续我们还将支持更多功能如:

    • 项目访问密码保护
    • 自定义域名绑定
    • 多项目版本管理
    部署分享前端静态站工具