编辑您的网站

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

设计更改使用对话编辑。文案微调使用内联编辑。超出对话能处理范围的结构性更改使用代码编辑器。

对话编辑是主要的迭代工具。生成后在对话框中输入内容时，AI 会： 1. 分析您的请求 2. 生成一组最小化的 HTML/CSS 修补（0–8 个操作） 3. 实时应用到预览 4. 扣除 0.5 积分

对话编辑能做什么： - 更改任意 CSS 颜色、渐变或变量 - 重写任意文本 —— 标题、正文、按钮标签 - 重构板块 —— 网格列、列表 vs. 卡片 - 在板块内添加或删除元素 - 更改字体、间距、内边距、边框样式 - 在页面末尾插入新板块

触发完整重新生成的情况： - 完整结构重新设计（更改布局架构） - 需要重新运行图像或视频流水线的请求 - 无法表达为针对性修补的大范围更改

任何完整重新生成前都会出现明确警告。您会看到积分成本，并可以取消。

点击网站预览中的任意可见文本进行编辑。出现可编辑叠加层 —— 输入您的新文本，按 Enter 或点击其他地方确认。

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

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

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

设计预设是一键式风格转换，可在不触及内容或 HTML 结构的情况下改变整个网站的视觉特征。

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

预设类别： - 行业 —— 餐厅、SaaS、作品集、代理商、医疗、健身、房地产、美妆 - 色彩方案 —— 深色、浅色、忧郁、鲜艳、极简、豪华、余烬、海洋、森林 - 字体组合 —— 现代无衬线、经典衬线、几何、等宽、编辑 - 布局密度 —— 宽松（充足留白）、标准、紧凑

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

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

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

三种更改颜色的方式： - 对话："将主要强调色改为 #FF6B35" 或 "将背景改为深海军蓝" - 设计预设：选择协调的色彩方案 —— 一次更改所有变量 - 代码编辑器：在代码标签页中直接编辑 :root CSS 变量

对话颜色更改需要 0.5 积分。预设和代码更改免费。

每次完整重新生成和重大编辑都会在历史标签页中创建一个版本检查点。

回滚方式： 1. 打开构建器中的历史标签页 2. 点击任意以前的版本在右侧面板中预览 3. 点击恢复使其成为当前版本

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

历史检查点存储在 Firestore 中，在浏览器刷新、设备切换和会话登出后均可保留。