项目命名
专业的在线代码编辑器，支持实时预览和一键发布
← 返回项目列表
返回首页
🤖 AI生成代码
💾 保存项目
📥 下载HTML
HTML代码编辑器
模板:
✨
现代
🌙
暗黑
🚀
动感
🗑️ 一键清空
📝 HTML
🎨 CSS
⚡ JavaScript
实时预览
📱
移动端友好
⚡
实时更新
🎨
样式预览
💾
自动保存
🚀
欢迎使用Monaco编辑器
专业的在线HTML编辑器，支持实时预览和一键发布
步骤1
选择上方风格模板，或直接在左侧编写代码
步骤2
代码会实时预览在这里显示
步骤3
点击保存或下载，发布你的作品
📸 生成预览海报
×
📐 图片尺寸
正方形 1080×1080
适合朋友圈
矩形 1080×1350
适合朋友圈
横屏 1920×1080
适合展示
自定义
手动设置
×
📄 图片格式
PNG
高质量，支持透明
JPEG
文件小，兼容性好
WebP
现代格式，体积小
🏷️ 水印选项
免费版
包含"AI编程商业托管"水印
付费版
无水印，高质量
📝 海报名称
👁️ 预览效果
🎨 点击"生成预览"查看效果
📝 项目命名
×
项目名称 *
项目描述
🤖 AI代码生成
×
🔐 登录状态：检查中...
🔑 API密钥：检查中...
💳 订阅状态：检查中...
选择代码类型
📝 HTML
🎨 CSS
⚡ JavaScript
选择AI平台
🚀 DeepSeek (推荐)
🧠 智谱AI
🌟 通义千问
💡 文心一言
🔥 讯飞星火
⚙️ 自定义模型
生成提示
剩余免费次数：
20
当前订阅：
试用版
AI正在生成代码中...
生成的代码
插入到编辑器