• 请不要在回答技术问题时复制粘贴 AI 生成的内容
retaniko
V2EX  ›  程序员

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

  •  
  •   retaniko · 1h 36m ago · 212 views

    HTML 网页分享

    🎨 一句话介绍

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


    ✨ 核心功能

    智能 AI 助手

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

    实时预览

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

    一键分享

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

    可视化编辑

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

    会话管理

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

    🚀 适用场景

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

    📖 使用方式

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

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

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

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

    方式三:上传文件

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

    🌟 立即体验

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

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

    1 replies    2026-06-14 08:06:05 +08:00
    k114413450
        1
    k114413450  
       51 mins ago
    太牛了吧! 随便搞搞就搞出来这么完整的功能! 我服了,果然 vibcoding 在大牛手上秒杀我这样的菜鸟!
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   2399 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 47ms · UTC 00:57 · PVG 08:57 · LAX 17:57 · JFK 20:57
    ♥ Do have faith in what you're doing.