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

retaniko 2026-06-14 07:21 1

HTML 网页分享


🎨 一句话介绍



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





✨ 核心功能


智能 AI 助手



  • 描述你想要的页面,AI 几秒钟帮你生成

  • 支持中文提示词,例如:帮我生成一个科技感登录页

  • 可以在现有页面基础上继续调整优化


实时预览



  • 左边写代码,右边即时看到效果

  • 支持电脑端和手机端预览切换

  • 全屏预览模式,查看完整页面效果


一键分享



  • 生成专属链接和二维码

  • 分享给朋友、客户、同事

  • 发布到网页分享站,让更多人看到你的作品


可视化编辑



  • 不懂代码也能用!点击页面元素直接修改

  • 像使用设计软件一样直观

  • 拖拽组件快速搭建页面


会话管理



  • 多个项目同时进行

  • 随时切换,工作更有条理

  • 自动保存,不怕丢失




🚀 适用场景






























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


📖 使用方式


方式一:AI 生成(推荐新手)



  1. 在 AI 提示词框输入你想要的页面描述

  2. 点击「开始生成」

  3. AI 自动生成完整页面

  4. 点击「分享网页」生成链接


方式二:手动编写(适合有基础的用户)



  1. 在左侧编辑器编写 HTML 代码

  2. 右侧实时预览效果

  3. 点击「分享网页」生成链接


方式三:上传文件



  1. 点击「上传 HTML 文件」按钮

  2. 选择本地的 HTML 文件

  3. 自动加载到编辑器

  4. 点击「分享网页」生成链接


🌟 立即体验


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


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

最新回复 (3)
  • k114413450 06-14 08:06
    1
    太牛了吧! 随便搞搞就搞出来这么完整的功能! 我服了,果然 vibcoding 在大牛手上秒杀我这样的菜鸟!
  • coffish 06-14 09:16
    2
    很不错。上传的网页会放在哪里?加密措施?
  • heyzen 06-14 10:41
    3
    跟我做的有点类似哈哈: https://v2ex.com/t/1219199#reply0
* 帖子来源V2EX
返回