认识编辑器

AI 生成网站后，您将进入 Kanorio 编辑器。这是修改网站内容的主要工作区：更改文字、替换图片、检查不同设备的显示效果，以及准备发布，都可以在这里完成。

不用担心一开始看起来有很多按钮。请记住一个原则：看到哪个内容想改，就先点击它。 编辑器会根据您选择的内容，显示相应的设置字段。

编辑器的三个主要区域

顶部工具栏：所有工具的入口

屏幕最上方的工具栏称为 顶部工具栏。您会在这里找到常用功能：

• 模块 - 添加内容、商店或集成模块。
• 布局 - 调整模块、页眉和页脚的顺序。
• 页面 - 管理常规页面、法律条款页面和博客页面。
• 设置 - 调整网站整体外观和共享内容。
• 设备预览 - 在电脑、平板和手机宽度之间切换。
• 发布 - 让已确认的草稿出现在公开网站上。

不需要预先记住每一个按钮。当您想完成某项任务时，再从工具栏查找相应的功能即可。

中央预览区：实时看到网站的样子

中央是您的网站预览。这里显示的是接近访客实际会看到的页面，而不是一堆代码或复杂设置。

您修改文字、图片或版式时，预览会实时更新。这种“边改、边看效果”的操作方式，称为所见即所得（WYSIWYG）；简单来说，您看到的样子就是接近发布后的样子。

编辑面板：点击什么，就编辑什么

点击预览中的某个模块后，编辑器会打开相应的编辑面板。不同模块会有不同的字段，例如：

• 文字模块：标题、段落、按钮文字和链接
• 图片模块：上传图片、替换图片、图片说明
• 页眉模块：Logo、导航和自定义按钮
• 页脚模块：联系信息、社交链接和版权文字

您不需要离开当前页面。修改后先查看中央预览；若面板出现“保存”或“添加到网站”，请完成保存后再离开。

最基本的操作：修改内容

1. 在中央预览找到想修改的内容。
2. 点击该模块。
3. 在出现的编辑面板中，找到标题、正文或按钮等字段。
4. 根据面板提示点击“保存”或“添加到网站”，再回到预览确认排版是否自然。

如果您不知道某个模块属于哪一类，先点击它即可；编辑器会显示可调整的内容。

接下来做什么？

这篇只带您认识工作环境。要实际完成某项任务，请直接阅读对应指南：

• 想添加、编辑、排序、隐藏或复制内容 - 认识与操作模块。
• 想比较不同模块的用途 - 模块类型完全指南。
• 想创建服务、活动或作品集页面 - 管理网站页面。
• 想调整字体、品牌颜色、密度或圆角 - 品牌视觉与风格设置。
• 想处理草稿、保存与发布更新 - 草稿、保存与发布。

检查手机、平板和电脑的画面

访客不一定用电脑浏览您的网站。编辑器提供三种设备预览：

• 电脑：查看较宽的桌面版画面
• 平板：查看中等宽度的版面
• 手机：查看窄屏幕的阅读和按钮操作

这与响应式网页设计（RWD）有关。简单来说，网站会根据不同屏幕调整版式，但您仍应检查文字是否太长、图片是否会被裁剪、按钮是否容易点击。

发布前，请至少切换一次手机预览。许多访客会从手机点击社交链接，手机阅读体验往往比桌面版更重要。

预览浅色与深色模式

工具栏可切换浅色与深色预览。这能帮助您检查网站在不同主题下的文字对比、图片和品牌颜色是否仍然清晰。

例如，浅色背景上看起来很淡的灰色文字，在深色模式中可能更难阅读。切换预览后，若发现难以辨识，请到“设置”的“设计”选项卡调整品牌颜色、字体或外观模式。

保存草稿不等于已上线

编辑器的修改会先进入草稿，但不同操作的保存方式不同。拖拽排序、隐藏或删除模块通常会即时写入草稿；在模块、页眉或页脚的表单修改内容时，请根据屏幕提示点击“保存”或“添加到网站”后再离开。

不过要注意两个不同概念：

• 草稿：您正在编辑的版本，只有您自己和有权限的团队成员可以看到。
• 发布：将草稿同步到公开网站，访客才能看到最新内容。

所以“已保存”不等于“访客已经看到”。完成一批修改后，仍需点击“发布”。

详细流程请阅读：草稿、保存与发布与发布您的第一个网站。

编辑器还能做什么？

等您熟悉基本操作后，可再使用工具栏中的其他功能：

• 页面：添加、管理或调整网站页面。
• 设置：调整网站整体设计和内容设置，例如字体、品牌颜色或共享按钮。
• AI 辅助：根据功能使用 AI 生成页面、模块或优化内容。
• 发布：首次设置公开网址，之后将新草稿同步到在线版本。

这些高级功能不必在第一天全部设置好。先完成首页和基本联系方式，再逐步扩展即可。

下一步

如果内容已修改到接近完成，请先用手机预览确认画面，再阅读发布您的第一个网站为网站设置网址并上线。