编辑您的网站

Draftly 提供三种不同的编辑模式：

对于设计更改，请使用聊天编辑。对于文案调整，请使用内联编辑。对于聊天无法处理的结构性更改，请使用代码编辑器。

聊天编辑是主要的迭代工具。在生成后于聊天中输入时，AI 将： 1. 分析您的请求 2. 生成最少的 HTML/CSS 补丁集（0-8 次操作） 3. 将其实时应用于预览 4. 扣除 0.5 积分

聊天编辑的功能： - 更改任何 CSS 颜色、渐变或变量 - 重写任何文本 — 标题、正文、按钮标签 - 重构部分 — 网格列、列表与卡片 - 在部分内添加或删除元素 - 更改字体、间距、内边距、边框样式 - 在页面末尾插入新部分

触发完全重新生成的情况： - 完全结构重新设计（更改布局架构） - 需要重新运行图像或视频管道的请求 - 过于分散而无法表示为目标补丁的更改

在任何完全重新生成之前都会出现明确警告。您将看到积分成本并可以选择取消。

点击网站预览中任何可见文本即可编辑。将出现一个可编辑的叠加层 — 输入新文本并按 Enter 键或点击其他位置以确认。

您可以内联编辑的内容： - 主标题和副标题 - 导航链接标签 - 部分标题和正文 - 按钮标签 - 页脚标语和联系信息

内联编辑会自动保存到您的项目。重新发布会将其应用于实时网站。

内联编辑完全免费 — 零积分。

设计预设是一键式样式转换，可在不触及内容的情况下改变您网站的整体视觉特征。

通过构建器左侧面板中的画笔图标打开预设面板。

预设类别： - 行业 — 餐厅、SaaS、作品集、代理、医疗保健、健身、房地产、美容 - 调色板 — 深色、浅色、情绪化、活力、极简、奢华、余烬、海洋、森林 - 排版集 — 现代无衬线、经典衬线、几何、等宽、编辑 - 布局密度 — 宽松（大量留白）、标准、紧凑

应用预设： 点击任何预设 — 预览将实时更新。点击另一个进行比较。点击“应用”确认。

预设修改 CSS 变量和字体选择 — 而非 HTML 结构。它们完全免费，不消耗积分。

您网站中的颜色以 CSS 变量的形式存储在 <style> 块中：

更改颜色的三种方式： - 聊天： “将主强调色更改为 #FF6B35”或“将背景设为深海军蓝” - 设计预设： 选择协调的调色板 — 一次性更改所有变量 - 代码编辑器： 直接在“代码”选项卡中编辑 :root CSS 变量

聊天颜色更改消耗 0.5 积分。预设和代码更改免费。

每次完全重新生成和重大编辑都会在您的“历史记录”选项卡中创建一个版本检查点。

回滚操作： 1. 在构建器中打开历史记录选项卡 2. 点击任何以前的版本以在右侧窗格中预览 3. 点击恢复以使其成为当前版本

回滚是免费的 — 它恢复保存的 HTML，不消耗任何积分。

历史记录检查点存储在 Firestore 中，并在浏览器刷新、设备切换和会话注销后仍然存在。