通宵 Vibe Coding 了一个单文件 html 的在线分享工具
retaniko
·
2026-06-14
·
via V2EX - 技术
HTML 网页分享
🎨 一句话介绍
把你的网页创意变成真实的在线页面，一键分享给他人！
✨ 核心功能
智能 AI 助手
- 描述你想要的页面，AI 几秒钟帮你生成
- 支持中文提示词，例如：
帮我生成一个科技感登录页
- 可以在现有页面基础上继续调整优化
实时预览
- 左边写代码，右边即时看到效果
- 支持电脑端和手机端预览切换
- 全屏预览模式，查看完整页面效果
一键分享
- 生成专属链接和二维码
- 分享给朋友、客户、同事
- 发布到网页分享站，让更多人看到你的作品
可视化编辑
- 不懂代码也能用！点击页面元素直接修改
- 像使用设计软件一样直观
- 拖拽组件快速搭建页面
会话管理
- 多个项目同时进行
- 随时切换，工作更有条理
- 自动保存，不怕丢失
🚀 适用场景
| 场景 |
示例 |
| 💼 工作汇报 |
快速制作产品介绍页、数据看板 |
| 🎓 学习分享 |
展示代码示例、学习笔记 |
| 🎨 创意展示 |
个人作品集、设计原型 |
| 🎉 特殊场合 |
生日祝福页、邀请函、简历 |
| 🧪 测试调试 |
前端代码测试、效果预览 |
📖 使用方式
方式一：AI 生成（推荐新手）
- 在 AI 提示词框输入你想要的页面描述
- 点击「开始生成」
- AI 自动生成完整页面
- 点击「分享网页」生成链接
方式二：手动编写（适合有基础的用户）
- 在左侧编辑器编写 HTML 代码
- 右侧实时预览效果
- 点击「分享网页」生成链接
方式三：上传文件
- 点击「上传 HTML 文件」按钮
- 选择本地的 HTML 文件
- 自动加载到编辑器
- 点击「分享网页」生成链接
🌟 立即体验
访问 HTML 网页分享站，开始创建你的第一个网页吧。
无需注册即可使用基础功能，登录后可以管理你发布的页面。
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。
