@lobehub/chat 1.44.3 → 1.45.0

package/docs/usage/features/auth.zh-CN.mdx

@@ -12,11 +12,7 @@ tags:
 
 # 身份验证系统 / 多用户管理支持
 
-<Image
-  alt={'身份验证系统'}
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/17870709/8ce70e15-40df-451e-b700-66090fe5b8c2'}
-/>
+<Image alt={'身份验证系统'} cover src={'https://github.com/lobehub/lobe-chat/assets/17870709/8ce70e15-40df-451e-b700-66090fe5b8c2'} />
 
 在现代应用中，用户管理和身份验证是至关重要的功能。为满足不同用户的多样化需求，LobeChat 提供了两种主要的用户认证和管理方案：`next-auth` 和 `Clerk`。无论您是追求简便的用户注册登录，还是需要更高级的多因素认证和用户管理，LobeChat 都可以灵活实现。
 

package/docs/usage/features/database.mdx

@@ -16,11 +16,7 @@ tags:
 
 # Local / Cloud Database
 
-<Image
-  alt={'Local / Cloud Database'}
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/17870709/c27a0234-a4e9-40e5-8bcb-42d5ce7e40f9'}
-/>
+<Image alt={'Local / Cloud Database'} cover src={'https://github.com/lobehub/lobe-chat/assets/17870709/c27a0234-a4e9-40e5-8bcb-42d5ce7e40f9'} />
 
 In modern application development, the choice of data storage solution is crucial. To meet the needs of different users, LobeChat offers flexible configurations that support both local and server-side databases. Whether you prioritize data privacy and control or seek a convenient user experience, LobeChat can provide excellent solutions for you.
 

package/docs/usage/features/database.zh-CN.mdx

@@ -12,11 +12,7 @@ tags:
 
 # 本地 / 云端数据存储
 
-<Image
-  alt={'本地 / 云端数据存储'}
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/17870709/c27a0234-a4e9-40e5-8bcb-42d5ce7e40f9'}
-/>
+<Image alt={'本地 / 云端数据存储'} cover src={'https://github.com/lobehub/lobe-chat/assets/17870709/c27a0234-a4e9-40e5-8bcb-42d5ce7e40f9'} />
 
 在现代应用开发中，数据存储方案的选择至关重要。为了满足不同用户的需求，LobeChat 提供了同时支持本地数据库和服务端数据库的灵活配置。无论您是注重数据隐私与掌控，还是追求便捷的使用体验，LobeChat 都能为您提供卓越的解决方案。
 

package/docs/usage/features/local-llm.mdx

@@ -15,12 +15,7 @@ tags:
 
 # Local Large Language Model (LLM) Support
 
-<Image
-  alt={'Ollama Local Large Language Model (LLM) Support'}
-  borderless
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/ca9a21bc-ea6c-4c90-bf4a-fa53b4fb2b5c'}
-/>
+<Image alt={'Ollama Local Large Language Model (LLM) Support'} borderless cover src={'https://github.com/lobehub/lobe-chat/assets/28616219/ca9a21bc-ea6c-4c90-bf4a-fa53b4fb2b5c'} />
 
 <Callout>Available in >=0.127.0, currently only supports Docker deployment</Callout>
 
@@ -52,5 +47,6 @@ Now, let's embark on this exciting journey together! Through the collaboration o
 
 <Cards>
   <Card href={'/docs/usage/providers'} title={'Using Multiple Model Providers'} />
+
   <Card href={'/docs/usage/providers/ollama'} title={'Using Ollama Local Model'} />
 </Cards>

package/docs/usage/features/local-llm.zh-CN.mdx

@@ -7,12 +7,7 @@ tags:
 
 # 支持本地大语言模型（LLM）
 
-<Image
-  alt={'Ollama 支持本地大语言模型'}
-  borderless
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/ca9a21bc-ea6c-4c90-bf4a-fa53b4fb2b5c'}
-/>
+<Image alt={'Ollama 支持本地大语言模型'} borderless cover src={'https://github.com/lobehub/lobe-chat/assets/28616219/ca9a21bc-ea6c-4c90-bf4a-fa53b4fb2b5c'} />
 
 <Callout>在 >=v0.127.0 版本中可用，目前仅支持 Docker 部署</Callout>
 
@@ -44,5 +39,6 @@ docker run -d -p 3210:3210 -e OLLAMA_PROXY_URL=http://host.docker.internal:11434
 
 <Cards>
   <Card href={'/zh/docs/usage/providers'} title={'使用多模型服务商'} />
+
   <Card href={'/zh/docs/usage/providers/ollama'} title={'使用 Ollama 本地模型'} />
 </Cards>

package/docs/usage/features/mobile.mdx

@@ -13,11 +13,7 @@ tags:
 
 # Mobile Device Adaptation
 
-<Image
-  alt={'Mobile Device Adaptation'}
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/11110732-8d5a-4049-b556-c2561cb66182'}
-/>
+<Image alt={'Mobile Device Adaptation'} cover src={'https://github.com/lobehub/lobe-chat/assets/28616219/11110732-8d5a-4049-b556-c2561cb66182'} />
 
 LobeChat has undergone a series of optimized designs for mobile devices to enhance the user's mobile experience.
 

package/docs/usage/features/mobile.zh-CN.mdx

@@ -12,11 +12,7 @@ tags:
 
 # 移动设备适配
 
-<Image
-  alt={'移动端设备适配'}
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/11110732-8d5a-4049-b556-c2561cb66182'}
-/>
+<Image alt={'移动端设备适配'} cover src={'https://github.com/lobehub/lobe-chat/assets/28616219/11110732-8d5a-4049-b556-c2561cb66182'} />
 
 LobeChat 针对移动设备进行了一系列的优化设计，以提升用户的移动体验。
 

package/docs/usage/features/multi-ai-providers.mdx

@@ -18,12 +18,7 @@ tags:
 
 # Multi-Model Service Provider Support
 
-<Image
-  alt={'Multi-Model Service Provider Support'}
-  borderless
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/b164bc54-8ba2-4c1e-b2f2-f4d7f7e7a551'}
-/>
+<Image alt={'Multi-Model Service Provider Support'} borderless cover src={'https://github.com/lobehub/lobe-chat/assets/28616219/b164bc54-8ba2-4c1e-b2f2-f4d7f7e7a551'} />
 
 <Callout>Available in version 0.123.0 and later</Callout>
 
@@ -52,15 +47,12 @@ At the same time, we are also planning to support more model service providers,
 
 ## Local Model Support
 
-<Image
-  alt={'Local Model Support'}
-  borderless
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/ca9a21bc-ea6c-4c90-bf4a-fa53b4fb2b5c'}
-/>
+<Image alt={'Local Model Support'} borderless src={'https://github.com/lobehub/lobe-chat/assets/28616219/ca9a21bc-ea6c-4c90-bf4a-fa53b4fb2b5c'} />
 
 To meet the specific needs of users, LobeChat also supports the use of local models based on [Ollama](https://ollama.ai), allowing users to flexibly use their own or third-party models. For more details, see [Local Model Support](/docs/usage/features/local-llm).
 
 <Cards>
   <Card href={'/docs/usage/providers'} title={'Using Multiple Model Providers'} />
+
   <Card href={'/docs/usage/providers/ollama'} title={'Using Ollama Local Model'} />
 </Cards>

package/docs/usage/features/multi-ai-providers.zh-CN.mdx

@@ -18,12 +18,7 @@ tags:
 
 # 多模型服务商支持
 
-<Image
-  alt={'多模型服务商支持'}
-  borderless
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/b164bc54-8ba2-4c1e-b2f2-f4d7f7e7a551'}
-/>
+<Image alt={'多模型服务商支持'} borderless cover src={'https://github.com/lobehub/lobe-chat/assets/28616219/b164bc54-8ba2-4c1e-b2f2-f4d7f7e7a551'} />
 
 <Callout>在 0.123.0 及以后版本中可用</Callout>
 
@@ -52,15 +47,12 @@ tags:
 
 ## 本地模型支持
 
-<Image
-  alt={'本地模型支持'}
-  borderless
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/ca9a21bc-ea6c-4c90-bf4a-fa53b4fb2b5c'}
-/>
+<Image alt={'本地模型支持'} borderless src={'https://github.com/lobehub/lobe-chat/assets/28616219/ca9a21bc-ea6c-4c90-bf4a-fa53b4fb2b5c'} />
 
 为了满足特定用户的需求，LobeChat 还基于 [Ollama](https://ollama.ai) 支持了本地模型的使用，让用户能够更灵活地使用自己的或第三方的模型，详见 [本地模型支持](/zh/docs/usage/features/local-llm)。
 
 <Cards>
   <Card href={'/zh/docs/usage/providers'} title={'使用多模型服务商'} />
+
   <Card href={'/zh/docs/usage/providers/ollama'} title={'使用 Ollama 本地模型'} />
 </Cards>

package/docs/usage/features/plugin-system.mdx

@@ -20,8 +20,8 @@ tags:
   borderless
   cover
   src={
-    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/268670883-33c43a5c-a512-467e-855c-fa299548cce5.png'
-  }
+'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/268670883-33c43a5c-a512-467e-855c-fa299548cce5.png'
+}
 />
 
 The plugin ecosystem of LobeChat is an important extension of its core functionality, greatly enhancing the practicality and flexibility of the LobeChat assistant.
@@ -67,20 +67,19 @@ The plugin system of LobeChat has now entered a stable stage, and we have basica
 <Steps>
   ### ✅ Phase One of Plugins
 
-Implementing the separation of plugins from the main body, splitting the plugins into independent repositories for maintenance, and implementing dynamic loading of plugins. [**#73**](https://github.com/lobehub/lobe-chat/issues/73)
+  Implementing the separation of plugins from the main body, splitting the plugins into independent repositories for maintenance, and implementing dynamic loading of plugins. [**#73**](https://github.com/lobehub/lobe-chat/issues/73)
 
-### ✅ Phase Two of Plugins
+  ### ✅ Phase Two of Plugins
 
-The security and stability of plugin usage, more accurate presentation of abnormal states, maintainability and developer-friendliness of the plugin architecture. [**#97**](https://github.com/lobehub/lobe-chat/issues/97)
+  The security and stability of plugin usage, more accurate presentation of abnormal states, maintainability and developer-friendliness of the plugin architecture. [**#97**](https://github.com/lobehub/lobe-chat/issues/97)
 
-### ✅ Phase Three of Plugins
+  ### ✅ Phase Three of Plugins
 
-Higher-level and improved customization capabilities, support for OpenAPI schema invocation, compatibility with ChatGPT plugins, and the addition of Midjourney plugins. [**#411**](https://github.com/lobehub/lobe-chat/discussions/#411)
+  Higher-level and improved customization capabilities, support for OpenAPI schema invocation, compatibility with ChatGPT plugins, and the addition of Midjourney plugins. [**#411**](https://github.com/lobehub/lobe-chat/discussions/#411)
 
-### 💭 Phase Four of Plugins
-
-Comprehensive authentication, visual configuration of plugin definitions, Plugin SDK CLI, Python language development template, any other ideas? Join the discussion: [**#1310**](https://github.com/lobehub/lobe-chat/discussions/#1310)
+  ### 💭 Phase Four of Plugins
 
+  Comprehensive authentication, visual configuration of plugin definitions, Plugin SDK CLI, Python language development template, any other ideas? Join the discussion: [**#1310**](https://github.com/lobehub/lobe-chat/discussions/#1310)
 </Steps>
 
 [chat-plugin-sdk]: https://github.com/lobehub/chat-plugin-sdk

package/docs/usage/features/plugin-system.zh-CN.mdx

@@ -15,8 +15,8 @@ tags:
   borderless
   cover
   src={
-    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/268670883-33c43a5c-a512-467e-855c-fa299548cce5.png'
-  }
+'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/268670883-33c43a5c-a512-467e-855c-fa299548cce5.png'
+}
 />
 
 LobeChat 的插件生态系统是其核心功能的重要扩展，它极大地增强了 LobeChat 助手的实用性和灵活性。
@@ -56,20 +56,19 @@ LobeChat 的插件系统目前已初步进入一个稳定阶段，我们已基
 <Steps>
   ### ✅ 插件一期
 
-实现插件与主体分离，将插件拆分为独立仓库维护，并实现插件的动态加载。 [**#73**](https://github.com/lobehub/lobe-chat/issues/73)
+  实现插件与主体分离，将插件拆分为独立仓库维护，并实现插件的动态加载。 [**#73**](https://github.com/lobehub/lobe-chat/issues/73)
 
-### ✅ 插件二期
+  ### ✅ 插件二期
 
-插件的安全性与使用的稳定性，更加精准地呈现异常状态，插件架构的可维护性与开发者友好。[**#97**](https://github.com/lobehub/lobe-chat/issues/97)
+  插件的安全性与使用的稳定性，更加精准地呈现异常状态，插件架构的可维护性与开发者友好。[**#97**](https://github.com/lobehub/lobe-chat/issues/97)
 
-### ✅ 插件三期
+  ### ✅ 插件三期
 
-更高阶与完善的自定义能力，支持 OpenAPI schema 调用、兼容 ChatGPT 插件、新增 Midjourney 插件。 [**#411**](https://github.com/lobehub/lobe-chat/discussions/#411)
+  更高阶与完善的自定义能力，支持 OpenAPI schema 调用、兼容 ChatGPT 插件、新增 Midjourney 插件。 [**#411**](https://github.com/lobehub/lobe-chat/discussions/#411)
 
-### 💭 插件四期
-
-完善的鉴权、可视化配置插件定义、 Plugin SDK CLI 、 Python 语言研发模板、还有什么想法？欢迎参与讨论： [**#1310**](https://github.com/lobehub/lobe-chat/discussions/#1310)
+  ### 💭 插件四期
 
+  完善的鉴权、可视化配置插件定义、 Plugin SDK CLI 、 Python 语言研发模板、还有什么想法？欢迎参与讨论： [**#1310**](https://github.com/lobehub/lobe-chat/discussions/#1310)
 </Steps>
 
 [chat-plugin-sdk]: https://github.com/lobehub/chat-plugin-sdk

package/docs/usage/features/pwa.mdx

@@ -14,12 +14,7 @@ tags:
 
 # Progressive Web App (PWA)
 
-<Image
-  alt={'Progressive Web App (PWA)'}
-  borderless
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/ecc8364a-cfc4-4a3d-b6fd-68b2d9bc5f0d'}
-/>
+<Image alt={'Progressive Web App (PWA)'} borderless cover src={'https://github.com/lobehub/lobe-chat/assets/28616219/ecc8364a-cfc4-4a3d-b6fd-68b2d9bc5f0d'} />
 
 We understand the importance of providing a seamless experience for users in today's multi-device environment. To achieve this, we have adopted Progressive Web App [PWA](https://support.google.com/chrome/answer/9658361) technology, which is a modern web technology that elevates web applications to a near-native app experience. Through PWA, LobeChat is able to provide a highly optimized user experience on both desktop and mobile devices, while maintaining lightweight and high performance characteristics. Visually and perceptually, we have also carefully designed it to ensure that its interface is indistinguishable from a native app, providing smooth animations, responsive layouts, and adaptation to different screen resolutions of various devices.
 
@@ -33,15 +28,13 @@ If you are unfamiliar with the installation process of PWA, you can follow the s
 </Callout>
 
 <Steps>
+  ### Run Chrome or Edge browser on your computer
 
-### Run Chrome or Edge browser on your computer
+  ### Visit the LobeChat webpage
 
-### Visit the LobeChat webpage
-
-### In the top right corner of the address bar, click the <kbd>Install</kbd> icon
-
-### Follow the on-screen instructions to complete the PWA installation
+  ### In the top right corner of the address bar, click the <kbd>Install</kbd> icon
 
+  ### Follow the on-screen instructions to complete the PWA installation
 </Steps>
 
 ## Running on Safari
@@ -49,26 +42,19 @@ If you are unfamiliar with the installation process of PWA, you can follow the s
 Safari PWA requires macOS Ventura or later. The PWA installed by Safari does not require Safari to be open; you can directly open the PWA app.
 
 <Steps>
+  ### Run Safari browser on your computer
 
-### Run Safari browser on your computer
-
-### Visit the LobeChat webpage
-
-### In the top right corner of the address bar, click the <kbd>Share</kbd> icon
+  ### Visit the LobeChat webpage
 
-### Click <kbd>Add to Dock</kbd>
+  ### In the top right corner of the address bar, click the <kbd>Share</kbd> icon
 
-### Follow the on-screen instructions to complete the PWA installation
+  ### Click <kbd>Add to Dock</kbd>
 
+  ### Follow the on-screen instructions to complete the PWA installation
 </Steps>
 
 <Callout type={'tip'}>
   The default installed LobeChat PWA icon has a black background, you can use <kbd>cmd</kbd> +  <kbd>i</kbd> to paste the following image to replace it with a white background.
 </Callout>
 
-<Image
-  alt={'PWA White Icon'}
-  borderless
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/36695271/16ce82cb-49be-4d4d-ac86-4403a1536917'}
-/>
+<Image alt={'PWA White Icon'} borderless cover src={'https://github.com/lobehub/lobe-chat/assets/36695271/16ce82cb-49be-4d4d-ac86-4403a1536917'} />

package/docs/usage/features/pwa.zh-CN.mdx

@@ -14,12 +14,7 @@ tags:
 
 # 渐进式 Web 应用（PWA）
 
-<Image
-  alt={'渐进式 Web 应用（PWA）'}
-  borderless
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/ecc8364a-cfc4-4a3d-b6fd-68b2d9bc5f0d'}
-/>
+<Image alt={'渐进式 Web 应用（PWA）'} borderless cover src={'https://github.com/lobehub/lobe-chat/assets/28616219/ecc8364a-cfc4-4a3d-b6fd-68b2d9bc5f0d'} />
 
 我们深知在当今多设备环境下为用户提供无缝体验的重要性。为此，我们采用了渐进式 Web 应用 [PWA](https://support.google.com/chrome/answer/9658361) 技术，这是一种能够将网页应用提升至接近原生应用体验的现代 Web 技术。通过 PWA，LobeChat 能够在桌面和移动设备上提供高度优化的用户体验，同时保持轻量级和高性能的特点。在视觉和感觉上，我们也经过精心设计，以确保它的界面与原生应用无差别，提供流畅的动画、响应式布局和适配不同设备的屏幕分辨率。
 
@@ -33,15 +28,13 @@ tags:
 </Callout>
 
 <Steps>
+  ### 在电脑上运行 Chrome 或 Edge 浏览器
 
-### 在电脑上运行 Chrome 或 Edge 浏览器
+  ### 访问 LobeChat 网页
 
-### 访问 LobeChat 网页
-
-### 在地址栏的右上角，单击 <kbd>安装</kbd> 图标
-
-### 根据屏幕上的指示完成 PWA 的安装
+  ### 在地址栏的右上角，单击 <kbd>安装</kbd> 图标
 
+  ### 根据屏幕上的指示完成 PWA 的安装
 </Steps>
 
 ## Safari 浏览器上运行
@@ -49,26 +42,19 @@ tags:
 Safari PWA 需要 macOS Ventura 或更高版本。Safari 安装的 PWA 并不要求 Safari 是打开状态，可以直接打开 PWA 应用。
 
 <Steps>
+  ### 在电脑上运行 Safari 浏览器
 
-### 在电脑上运行 Safari 浏览器
-
-### 访问 LobeChat 网页
-
-### 在地址栏的右上角，单击 <kbd>分享</kbd> 图标
+  ### 访问 LobeChat 网页
 
-### 点选 <kbd>添加到程序坞</kbd>
+  ### 在地址栏的右上角，单击 <kbd>分享</kbd> 图标
 
-### 根据屏幕上的指示完成 PWA 的安装
+  ### 点选 <kbd>添加到程序坞</kbd>
 
+  ### 根据屏幕上的指示完成 PWA 的安装
 </Steps>
 
 <Callout type={'tip'}>
   默认安装的 LobeChat PWA 图标是黑色背景的，您可以在自行使用 <kbd>cmd</kbd> + <kbd>i</kbd>  粘贴如下图片替换为白色背景的。
 </Callout>
 
-<Image
-  alt={'PWA White Icon'}
-  borderless
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/36695271/16ce82cb-49be-4d4d-ac86-4403a1536917'}
-/>
+<Image alt={'PWA White Icon'} borderless cover src={'https://github.com/lobehub/lobe-chat/assets/36695271/16ce82cb-49be-4d4d-ac86-4403a1536917'} />

package/docs/usage/features/text-to-image.mdx

@@ -19,8 +19,8 @@ tags:
   borderless
   cover
   src={
-    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/297746445-0ff762b9-aa08-4337-afb7-12f932b6efbb.png'
-  }
+'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/297746445-0ff762b9-aa08-4337-afb7-12f932b6efbb.png'
+}
 />
 
 Supporting the latest text-to-image generation technology, LobeChat now enables users to directly utilize the Text to Image tool during conversations with the assistant. By harnessing the capabilities of AI tools such as [DALL-E 3](https://openai.com/dall-e-3), [MidJourney](https://www.midjourney.com/), and [Pollinations](https://pollinations.ai/), assistants can now transform your ideas into images. This allows for a more private and immersive creative process.

package/docs/usage/features/text-to-image.zh-CN.mdx

@@ -19,8 +19,8 @@ tags:
   borderless
   cover
   src={
-    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/297746445-0ff762b9-aa08-4337-afb7-12f932b6efbb.png'
-  }
+'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/297746445-0ff762b9-aa08-4337-afb7-12f932b6efbb.png'
+}
 />
 
 支持最新的文本到图片生成技术，LobeChat 现在能够让用户在与助手对话中直接调用文成图工具进行创作。通过利用 [`DALL-E 3`](https://openai.com/dall-e-3)、[`MidJourney`](https://www.midjourney.com/) 和 [`Pollinations`](https://pollinations.ai/) 等 AI 工具的能力， 助手们现在可以将你的想法转化为图像。同时可以更私密和沉浸式的完成你的创造过程。

package/docs/usage/features/theme.mdx

@@ -15,12 +15,7 @@ tags:
 
 # Custom Themes
 
-<Image
-  alt={'Custom Themes'}
-  borderless
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/9eca103c-9335-4a4c-8192-271a0b857b26'}
-/>
+<Image alt={'Custom Themes'} borderless cover src={'https://github.com/lobehub/lobe-chat/assets/28616219/9eca103c-9335-4a4c-8192-271a0b857b26'} />
 
 LobeChat places a strong emphasis on personalized user experiences in its interface design, and thus introduces flexible and diverse theme modes, including a light mode for daytime and a dark mode for nighttime.
 

package/docs/usage/features/theme.zh-CN.mdx

@@ -12,12 +12,7 @@ tags:
 
 # 自定义主题
 
-<Image
-  alt={'自定义主题'}
-  borderless
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/9eca103c-9335-4a4c-8192-271a0b857b26'}
-/>
+<Image alt={'自定义主题'} borderless cover src={'https://github.com/lobehub/lobe-chat/assets/28616219/9eca103c-9335-4a4c-8192-271a0b857b26'} />
 
 LobeChat 在界面设计上十分考虑用户的个性化体验，因此引入了灵活多变的主题模式，其中包括日间的亮色模式和夜间的深色模式。
 

package/docs/usage/features/tts.mdx

@@ -22,8 +22,8 @@ tags:
   borderless
   cover
   src={
-    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072124-c9853d8d-f1b5-44a8-a305-45ebc0f6d19a.png'
-  }
+'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072124-c9853d8d-f1b5-44a8-a305-45ebc0f6d19a.png'
+}
 />
 
 LobeChat supports Text-to-Speech (TTS) and Speech-to-Text (STT) technologies. Our application can convert text information into clear voice output, allowing users to interact with our conversational agents as if they were talking to a real person. Users can choose from a variety of voices and pair the appropriate audio with the assistant. Additionally, for users who prefer auditory learning or need to obtain information while busy, TTS provides an excellent solution.
@@ -32,11 +32,7 @@ In LobeChat, we have carefully selected a series of high-quality voice options (
 
 ## Lobe TTS
 
-<Image
-  alt={'LobeTTS @lobehub/tts'}
-  borderless
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/52d20fdc-48c0-45e4-9c51-ee150fc18be7'}
-/>
+<Image alt={'LobeTTS @lobehub/tts'} borderless src={'https://github.com/lobehub/lobe-chat/assets/28616219/52d20fdc-48c0-45e4-9c51-ee150fc18be7'} />
 
 [`@lobehub/tts`](https://tts.lobehub.com) is a high-quality TTS toolkit developed using the TS language, supporting usage in both server and browser environments.
 

package/docs/usage/features/tts.zh-CN.mdx

@@ -18,8 +18,8 @@ tags:
   borderless
   cover
   src={
-    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072124-c9853d8d-f1b5-44a8-a305-45ebc0f6d19a.png'
-  }
+'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072124-c9853d8d-f1b5-44a8-a305-45ebc0f6d19a.png'
+}
 />
 
 LobeChat 支持文字转语音（Text-to-Speech，TTS）和语音转文字（Speech-to-Text，STT）技术，我们的应用能够将文本信息转化为清晰的语音输出，用户可以像与真人交谈一样与我们的对话代理进行交流。用户可以从多种声音中选择，给助手搭配合适的音源。 同时，对于那些倾向于听觉学习或者想要在忙碌中获取信息的用户来说，TTS 提供了一个极佳的解决方案。
@@ -28,11 +28,7 @@ LobeChat 支持文字转语音（Text-to-Speech，TTS）和语音转文字（Spe
 
 ## Lobe TTS
 
-<Image
-  alt={'LobeTTS @lobehub/tts'}
-  borderless
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/52d20fdc-48c0-45e4-9c51-ee150fc18be7'}
-/>
+<Image alt={'LobeTTS @lobehub/tts'} borderless src={'https://github.com/lobehub/lobe-chat/assets/28616219/52d20fdc-48c0-45e4-9c51-ee150fc18be7'} />
 
 [`@lobehub/tts`](https://tts.lobehub.com) 是一个使用 TS 语言开发的，高质量 TTS 工具包，支持在服务端和浏览器中使用。
 

package/docs/usage/features/vision.mdx

@@ -19,8 +19,8 @@ tags:
   borderless
   cover
   src={
-    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072129-382bdf30-e3d6-4411-b5a0-249710b8ba08.png'
-  }
+'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072129-382bdf30-e3d6-4411-b5a0-249710b8ba08.png'
+}
 />
 
 LobeChat now supports large language models with visual recognition capabilities such as OpenAI's [`gpt-4-vision`](https://platform.openai.com/docs/guides/vision), Google Gemini Pro vision, and Zhipu GLM-4 Vision, enabling LobeChat to have multimodal interaction capabilities. Users can easily upload or drag and drop images into the chat box, and the assistant will be able to recognize the content of the images and engage in intelligent conversations based on them, creating more intelligent and diverse chat scenarios.

package/docs/usage/features/vision.zh-CN.mdx

@@ -16,8 +16,8 @@ tags:
   borderless
   cover
   src={
-    'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072129-382bdf30-e3d6-4411-b5a0-249710b8ba08.png'
-  }
+'https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/284072129-382bdf30-e3d6-4411-b5a0-249710b8ba08.png'
+}
 />
 
 LobeChat 已经支持 OpenAI 的 [`gpt-4-vision`](https://platform.openai.com/docs/guides/vision) 、Google Gemini Pro vision、智谱 GLM-4 Vision 等具有视觉识别能力的大语言模型，这使得 LobeChat 具备了多模态交互的能力。用户可以轻松上传图片或者拖拽图片到对话框中，助手将能够识别图片内容，并在此基础上进行智能对话，构建更智能、更多元化的聊天场景。

package/docs/usage/foundation/basic.mdx

@@ -15,20 +15,13 @@ tags:
 
 # Basic Usage Guide for Conversations
 
-<Image
-  alt={'Basic Functions'}
-  cover
-  src={'https://github.com/user-attachments/assets/ca6baea8-d782-4611-8555-7c81078028db'}
-/>
+<Image alt={'Basic Functions'} cover src={'https://github.com/user-attachments/assets/ca6baea8-d782-4611-8555-7c81078028db'} />
 
 In general, the basic interaction with Large Language Models (LLMs) can be done through the fundamental functions provided in this area (as shown above).
 
 ## Basic Function Description
 
-<Image
-  alt={'Basic Function Description'}
-  src={'https://github.com/user-attachments/assets/de9f188e-8a3a-49a0-bec6-ab628cdda7e6'}
-/>
+<Image alt={'Basic Function Description'} src={'https://github.com/user-attachments/assets/de9f188e-8a3a-49a0-bec6-ab628cdda7e6'} />
 
 1. **Model Selection**: Choose the Large Language Model (LLM) to be used in the current conversation. For model settings, refer to [Model Providers](/docs/usage/providers).
 2. **File/Image Upload**: When the selected model supports file or image recognition, users can upload files or images during the conversation with the model.
@@ -40,16 +33,12 @@ In general, the basic interaction with Large Language Models (LLMs) can be done
 8. **Start New Topic**: End the current conversation and start a new topic. For more information, refer to [Topic Usage](/docs/usage/agents/topics).
 9. **Send Button**: Send the current input content to the model. The dropdown menu provides additional send operation options.
 
-<Image
-  alt={'Send Button'}
-  inStep
-  src={'https://github.com/user-attachments/assets/0833184e-91df-4b8e-a88e-99a19c20b86a'}
-/>
+<Image alt={'Send Button'} inStep src={'https://github.com/user-attachments/assets/0833184e-91df-4b8e-a88e-99a19c20b86a'} />
 
 <Callout type={'info'}>
   - **Send Shortcut**: Set a shortcut to send messages and line breaks using the Enter key or ⌘ +
-  Enter key. - **Add an AI Message**: Manually add and edit a message input by an AI character in
-  the conversation context, which will not trigger a model response. - **Add a User Message**: Add
-  the current input content as a message input by the user character to the conversation context,
-  which will not trigger a model response.
+    Enter key. - **Add an AI Message**: Manually add and edit a message input by an AI character in
+    the conversation context, which will not trigger a model response. - **Add a User Message**: Add
+    the current input content as a message input by the user character to the conversation context,
+    which will not trigger a model response.
 </Callout>

package/docs/usage/foundation/basic.zh-CN.mdx

@@ -17,23 +17,16 @@ tags:
 
 # 会话基本使用指南
 
-<Image
-  alt={'基本功能'}
-  cover
-  src={'https://github.com/user-attachments/assets/ca6baea8-d782-4611-8555-7c81078028db'}
-/>
+<Image alt={'基本功能'} cover src={'https://github.com/user-attachments/assets/ca6baea8-d782-4611-8555-7c81078028db'} />
 
 通常情况下，与大型语言模型 (LLMs) 的基本交互可以通过此区域（如上图）提供的基础功能进行。
 
 ## 基本功能说明
 
-<Image
-  alt={'基本功能说明'}
-  src={'https://github.com/user-attachments/assets/de9f188e-8a3a-49a0-bec6-ab628cdda7e6'}
-/>
+<Image alt={'基本功能说明'} src={'https://github.com/user-attachments/assets/de9f188e-8a3a-49a0-bec6-ab628cdda7e6'} />
 
 1. **模型选择**：选择当前对话所使用的大型语言模型 (LLM)。模型的设置详见[模型服务商](/zh/docs/usage/providers)。
-2. **文件/图片上传**：当所选模型支持文件或图片识别功能时，用户可以在与模型的对话中上传文件或图片。
+2. **文件 / 图片上传**：当所选模型支持文件或图片识别功能时，用户可以在与模型的对话中上传文件或图片。
 3. **温度设置**：调节模型输出的随机性程度。数值越高，输出结果越随机。详细说明请参考[大语言模型指南](/zh/docs/usage/agents/model)。
 4. **历史记录设置**：设定本次对话中模型需要记忆的聊天记录数量。历史记录越长，模型能够记忆的对话内容越多，但同时也会消耗更多的上下文 token。
 5. **语音输入**：点击该按钮后，可以将语音转换为文字输入。有关详细信息，请参考[语音文字转换](/zh/docs/usage/foundation/tts-stt)。
@@ -42,15 +35,12 @@ tags:
 8. **新建话题**：结束当前对话并开启一个新的对话主题。有关详细信息，请参考[话题使用](/zh/docs/usage/agents/topics)。
 9. **发送按钮**：将当前输入内容发送至模型。下拉菜单提供额外的发送操作选项。
 
-<Image
-  alt={'发送按钮'}
-  inStep
-  src={'https://github.com/user-attachments/assets/0833184e-91df-4b8e-a88e-99a19c20b86a'}
-/>
+<Image alt={'发送按钮'} inStep src={'https://github.com/user-attachments/assets/0833184e-91df-4b8e-a88e-99a19c20b86a'} />
 
 <Callout type={'info'}>
   - **发送快捷键**：设置使用 Enter 键或 ⌘ + Enter 键发送消息和换行的快捷方式。 -
-  **添加一条AI消息**：在对话上下文中手动添加并编辑一条由 AI 角色输入的消息，该操作不会触发模型响应。
+    **添加一条 AI 消息**：在对话上下文中手动添加并编辑一条由 AI 角色输入的消息，该操作不会触发模型响应。
   -
+
   **添加一条用户消息**：将当前输入内容作为用户角色输入的消息添加到对话上下文中，该操作不会触发模型响应。
 </Callout>