通宵 Vibe Coding 了一个单文件 html 的在线分享工具

[retaniko]

HTML 网页分享

🎨 一句话介绍

把你的网页创意变成真实的在线页面，一键分享给他人！

---

✨ 核心功能

智能 AI 助手

• 描述你想要的页面，AI 几秒钟帮你生成
• 支持中文提示词，例如：帮我生成一个科技感登录页
• 可以在现有页面基础上继续调整优化

实时预览

• 左边写代码，右边即时看到效果
• 支持电脑端和手机端预览切换
• 全屏预览模式，查看完整页面效果

一键分享

• 生成专属链接和二维码
• 分享给朋友、客户、同事
• 发布到网页分享站，让更多人看到你的作品

可视化编辑

• 不懂代码也能用！点击页面元素直接修改
• 像使用设计软件一样直观
• 拖拽组件快速搭建页面

会话管理

• 多个项目同时进行
• 随时切换，工作更有条理
• 自动保存，不怕丢失

---

🚀 适用场景

场景	示例
💼 工作汇报	快速制作产品介绍页、数据看板
🎓 学习分享	展示代码示例、学习笔记
🎨 创意展示	个人作品集、设计原型
🎉 特殊场合	生日祝福页、邀请函、简历
🧪 测试调试	前端代码测试、效果预览

---

📖 使用方式

方式一：AI 生成（推荐新手）

1. 在 AI 提示词框输入你想要的页面描述
2. 点击「开始生成」
3. AI 自动生成完整页面
4. 点击「分享网页」生成链接

方式二：手动编写（适合有基础的用户）

1. 在左侧编辑器编写 HTML 代码
2. 右侧实时预览效果
3. 点击「分享网页」生成链接

方式三：上传文件

1. 点击「上传 HTML 文件」按钮
2. 选择本地的 HTML 文件
3. 自动加载到编辑器
4. 点击「分享网页」生成链接

🌟 立即体验

访问 HTML 网页分享站，开始创建你的第一个网页吧。

无需注册即可使用基础功能，登录后可以管理你发布的页面。

[k114413450]

太牛了吧！ 随便搞搞就搞出来这么完整的功能！ 我服了，果然 vibcoding 在大牛手上秒杀我这样的菜鸟！

[coffish]

很不错。上传的网页会放在哪里？加密措施？