AionUi演示模式使用指南：展示你的AI成果

【免费下载链接】AionUi Free, local, open-source GUI app for Gemini CLI, Claude Code, Codex, Qwen Code, and more — Enhanced Chat UI, WebUI, Multi-Agent & Multi-LLM, MCP Integration | 🌟 Star if you like it! 项目地址: https://gitcode.com/GitHub_Trending/ai/AionUi

AionUi是一款免费、本地、开源的GUI应用程序，支持Gemini CLI、Claude Code、Codex、Qwen Code等多种AI模型，提供增强的聊天界面、WebUI、多智能体和多LLM集成以及MCP功能。演示模式是AionUi中一项强大的功能，它允许用户以直观、美观的方式展示AI生成的成果，无论是代码、文档还是其他类型的内容。

什么是AionUi演示模式？

演示模式是AionUi提供的一种特殊视图模式，主要用于展示和预览AI生成的各种内容。它提供了一个干净、专注的界面，让用户能够清晰地查看和分享AI的输出结果。无论是展示代码片段、查看Markdown文档，还是预览图片等内容，演示模式都能提供出色的体验。

演示模式的核心功能

演示模式不仅仅是一个简单的预览工具，它还包含了一系列实用功能，让你能够更好地展示和管理AI成果：

多类型内容预览

演示模式支持多种内容类型的预览，包括代码、Markdown、图片、差异比较等。这意味着无论AI生成的是哪种类型的内容，你都可以在演示模式中以最佳方式展示它。

多标签管理

在演示模式中，你可以同时打开多个内容标签，方便在不同的AI成果之间进行切换和比较。每个标签都有独立的标题和内容，让你能够有条理地管理多个展示内容。

内容编辑与保存

演示模式允许你对预览的内容进行编辑，并将修改保存回原始文件。这对于微调AI生成的结果非常有用，你可以直接在预览界面中进行修改，然后保存更改。

如何打开演示模式

打开AionUi演示模式非常简单，有几种不同的方式可以进入演示模式：

通过文件预览打开

1. 在AionUi的工作区中，找到你想要预览的文件
2. 单击文件，系统会自动在演示模式中打开该文件
3. 如果需要在新标签中打开，可以右键点击文件并选择预览选项

通过代码查看器打开

当你在AionUi中查看代码时，可以通过切换视图模式进入演示模式：

1. 在代码查看器中，找到视图模式切换选项
2. 选择"预览"模式，即可进入演示模式
3. 再次切换可以返回源代码视图

相关代码实现可以在src/renderer/pages/conversation/preview/components/viewers/CodeViewer.tsx中找到，其中控制预览模式的代码如下：

enabled: viewMode === 'preview', // 仅在预览模式下启用

演示模式的基本操作

一旦进入演示模式，你可以使用以下操作来管理和展示内容：

切换标签

在演示模式的顶部，你会看到所有打开的标签。点击不同的标签可以在不同的内容之间切换。

关闭标签

每个标签的右侧都有关闭按钮，点击可以关闭该标签。如果关闭所有标签，演示模式面板会自动关闭。

编辑内容

如果内容是可编辑的（如代码或Markdown），你可以直接在演示模式中进行编辑。编辑后，标签会显示"脏"状态指示，表示内容已修改但尚未保存。

保存更改

对于已修改的内容，你可以点击保存按钮将更改保存回原始文件。保存成功后，"脏"状态指示会消失。

高级功能：自定义演示体验

AionUi的演示模式还提供了一些高级功能，让你可以自定义演示体验：

调整预览面板大小

你可以拖动预览面板的边缘来调整其大小，以适应不同的内容和屏幕尺寸。相关的实现可以在src/renderer/hooks/useResizableSplit.tsx中找到。

发送内容到聊天框

演示模式中的内容可以方便地发送到聊天框，以便与AI进一步讨论或处理。只需使用"添加到发送框"功能，即可将选中的内容发送到聊天输入框。

多内容类型支持

演示模式支持多种内容类型的预览，包括：

• 代码（支持多种编程语言的语法高亮）
• Markdown文档（渲染为富文本）
• 图片（直接显示图片预览）
• 差异比较（展示文件修改前后的差异）

这些不同类型的预览支持在src/renderer/pages/conversation/preview/context/PreviewContext.tsx中有详细实现。

演示模式的实际应用场景

演示模式在多种场景下都非常有用：

展示AI生成的代码

当AI生成代码后，你可以使用演示模式以美观的方式展示代码，包括语法高亮和行号。这对于分享代码成果非常有帮助。

预览Markdown文档

AI生成的Markdown文档可以在演示模式中渲染为富文本，让你能够直观地查看最终效果。

比较文件差异

演示模式可以展示文件修改前后的差异，帮助你清晰地看到AI对文件的修改内容。

查看图片内容

如果AI生成了图片，演示模式可以直接预览这些图片，让你无需打开外部图片查看器。

总结

AionUi的演示模式是展示和管理AI成果的强大工具。它提供了多种内容类型的预览支持、多标签管理、内容编辑与保存等功能，让你能够以最佳方式展示AI生成的各种内容。无论是代码、文档还是图片，演示模式都能提供出色的预览体验，帮助你更好地理解和分享AI的成果。

通过本文介绍的方法，你可以轻松掌握AionUi演示模式的使用技巧，充分利用这一功能来提升你的AI工作流程。开始使用演示模式，让你的AI成果展示更加专业和高效！

【免费下载链接】AionUi Free, local, open-source GUI app for Gemini CLI, Claude Code, Codex, Qwen Code, and more — Enhanced Chat UI, WebUI, Multi-Agent & Multi-LLM, MCP Integration | 🌟 Star if you like it! 项目地址: https://gitcode.com/GitHub_Trending/ai/AionUi