粘贴代码
把 AI 生成的 HTML、Markdown、JSON 或文本粘贴进编辑器，也可以拖入本地文件。
实用工具
实用工具
三步开始
实时预览
点击预览立即查看页面效果，确认无误后再下载、发布或继续调整。
分享链接
一键生成可访问链接并自动复制，发给任何人都能访问。
在线预览可以怎么用
AI 生成网页
把 ChatGPT、Claude、Gemini 生成的页面代码直接预览，快速变成可分享页面。
原型 / Demo 演示
产品原型、交互 Demo 和设计验证无需部署，粘贴代码即可查看效果。
代码 Demo 展示
展示前端片段、CSS 动画和组件效果，方便面试作品或技术博客配套说明。
说明文档预览
把说明文档、教程片段或 Markdown 内容转成页面，先看排版再分享。
数据报告分享
把可视化图表、数据看板整理成 HTML 页面，比截图更清晰、比 PDF 更灵活。
活动落地页
临时活动、报名页和说明页快速上线，过期后可删除或重新发布。
个人主页 / Bio
整理作品集、联系方式和社交链接，一个地址聚合所有入口。
手机端查看
生成链接后直接在手机、平板或聊天工具里打开，快速确认移动端效果。
在线预览
用于快速检查 HTML、Markdown、JSON 或常见 React 片段。Web 端使用页面内代码编辑器；插件端也可以在侧边栏关闭后显示预览浮窗。
代码编辑器
支持 HTML、Markdown、JSON 和常见 React 组件代码。内容会自动保存在本地。
编辑器加载中...
- 1粘贴或拖入本地文件，编辑器会自动保存内容。
- 2点击预览，在右侧查看渲染结果；JSON 会先尝试格式化。
- 3点击下载，可按当前内容类型保存为 html、md、json 或 txt。
- 4插件端关闭侧边栏后，如果开启预览浮窗，会在当前网页显示悬浮按钮和输入框。
发布网页
发布网页就是把在线预览里的代码保存到你的 GitHub 仓库。授权后可以创建公开仓库、选择根目录或文件夹提交代码，并获得可访问地址。
- 1点击“去开启”完成 GitHub 仓库授权，需要允许创建公开仓库和提交文件。
- 2授权成功后输入想创建的仓库名称，默认是 aiyqx.com。
- 3在在线预览编辑器里点击“发布”，选择上传到仓库根目录、已有文件夹或新建文件夹。
- 4确认后会把当前代码提交到 GitHub 指定路径，并复制线上访问地址。
- 5如果仓库已配置 GitHub Pages 或 aiyqx.com 自定义域名，就可以直接通过返回的地址访问。
发布前检查
- GitHub 授权包含仓库权限
- 仓库为 public
- GitHub Pages 或自定义域名已开启
- 发布后复制返回的访问地址