@lobehub/chat 1.44.3 → 1.45.0

package/docs/usage/plugins/development.zh-CN.mdx

@@ -30,88 +30,52 @@ tags:
 <Steps>
   ### 创建并启动插件项目
 
-你需要先在本地创建一个插件项目，可以使用我们准备好的模板 [lobe-chat-plugin-template][lobe-chat-plugin-template-url]
+  你需要先在本地创建一个插件项目，可以使用我们准备好的模板 [lobe-chat-plugin-template][lobe-chat-plugin-template-url]
 
-```bash
-$ git clone https://github.com/lobehub/chat-plugin-template.git
-$ cd chat-plugin-template
-$ npm i
-$ npm run dev
-```
-
-当出现`ready started server on 0.0.0.0:3400, url: http://localhost:3400` 时，说明插件服务已经在本地启动成功。
+  ```bash
+  $ git clone https://github.com/lobehub/chat-plugin-template.git
+  $ cd chat-plugin-template
+  $ npm i
+  $ npm run dev
+  ```
 
-<Image
-  alt="创建并启动插件项目"
-  height={483}
-  inStep
-  src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265259526-9ef25272-4312-429b-93bc-a95515727ed3.png"
-/>
+  当出现`ready started server on 0.0.0.0:3400, url: http://localhost:3400` 时，说明插件服务已经在本地启动成功。
 
-### 在 LobeChat 角色设置中添加本地插件
+  <Image alt="创建并启动插件项目" height={483} inStep src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265259526-9ef25272-4312-429b-93bc-a95515727ed3.png" />
 
-接下来进入到 LobeChat 中，创建一个新的助手，并进入它的会话设置页：
+  ### 在 LobeChat 角色设置中添加本地插件
 
-<Image
-  alt="在 LobeChat 角色设置中添加本地插件 S1"
-  height={483}
-  inStep
-  src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265259643-1a9cc34a-76f3-4ccf-928b-129654670efd.png"
-/>
+  接下来进入到 LobeChat 中，创建一个新的助手，并进入它的会话设置页：
 
-点击插件列表右侧的 <kbd>添加</kbd> 按钮，打开自定义插件添加弹窗：
+  <Image alt="在 LobeChat 角色设置中添加本地插件 S1" height={483} inStep src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265259643-1a9cc34a-76f3-4ccf-928b-129654670efd.png" />
 
-<Image
-  alt="在 LobeChat 角色设置中添加本地插件 S2"
-  height={483}
-  inStep
-  src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265259748-2ef6a244-39bb-483c-b359-f156ffcbe1a4.png"
-/>
+  点击插件列表右侧的 <kbd>添加</kbd> 按钮，打开自定义插件添加弹窗：
 
-在 **插件描述文件 Url** 地址 中填入 `http://localhost:3400/manifest-dev.json` ，这是我们本地启动的插件描述清单地址。
+  <Image alt="在 LobeChat 角色设置中添加本地插件 S2" height={483} inStep src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265259748-2ef6a244-39bb-483c-b359-f156ffcbe1a4.png" />
 
-此时，你应该可以看到看到插件的标识符一栏已经被自动识别为 `chat-plugin-template`。接下来你需要填写剩下的表单字段（只有标题必填），然后点击 <kbd>保存</kbd> 按钮，即可完成自定义插件添加。
+  在 **插件描述文件 Url** 地址 中填入 `http://localhost:3400/manifest-dev.json` ，这是我们本地启动的插件描述清单地址。
 
-<Image
-  alt="在 LobeChat 角色设置中添加本地插件 S3"
-  height={483}
-  inStep
-  src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265259964-59f4906d-ae2e-4ec0-8b43-db36871d0869.png"
-/>
+  此时，你应该可以看到看到插件的标识符一栏已经被自动识别为 `chat-plugin-template`。接下来你需要填写剩下的表单字段（只有标题必填），然后点击 <kbd>保存</kbd> 按钮，即可完成自定义插件添加。
 
-完成添加后，在插件列表中就能看到刚刚添加的插件，如果需要修改插件的配置，可以点击最右侧的 <kbd>设置</kbd> 按钮进行修改。
+  <Image alt="在 LobeChat 角色设置中添加本地插件 S3" height={483} inStep src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265259964-59f4906d-ae2e-4ec0-8b43-db36871d0869.png" />
 
-<Image
-  alt="在 LobeChat 角色设置中添加本地插件 S4"
-  height={483}
-  inStep
-  src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265260093-a0363c74-0b5b-48dd-b103-2db6b4a8262e.png"
-/>
+  完成添加后，在插件列表中就能看到刚刚添加的插件，如果需要修改插件的配置，可以点击最右侧的 <kbd>设置</kbd> 按钮进行修改。
 
-### 会话测试插件功能
+  <Image alt="在 LobeChat 角色设置中添加本地插件 S4" height={483} inStep src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265260093-a0363c74-0b5b-48dd-b103-2db6b4a8262e.png" />
 
-接来下我们需要测试这个插件的功能是否正常。
+  ### 会话测试插件功能
 
-点击 <kbd>返回</kbd> 按钮回到会话区，然后向助手发送消息：「我应该穿什么？ 」此时助手将会尝试向你询问，了解你的性别与当前的心情。
+  接来下我们需要测试这个插件的功能是否正常。
 
-<Image
-  alt="会话测试插件功能 S1"
-  height={483}
-  inStep
-  src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265260291-f0aa0e7c-0ffb-486c-a834-08e73d49896f.png"
-/>
+  点击 <kbd>返回</kbd> 按钮回到会话区，然后向助手发送消息：「我应该穿什么？ 」此时助手将会尝试向你询问，了解你的性别与当前的心情。
 
-当回答完毕后，助手将会发起插件的调用，根据你的性别、心情，从服务端获取推荐的衣服数据，并推送给你。最后基于这些信息做一轮文本总结。
+  <Image alt="会话测试插件功能 S1" height={483} inStep src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265260291-f0aa0e7c-0ffb-486c-a834-08e73d49896f.png" />
 
-<Image
-  alt="会话测试插件功能 S2"
-  height={483}
-  inStep
-  src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265260461-c22ae797-2809-464b-96fc-d0c020f4807b.png"
-/>
+  当回答完毕后，助手将会发起插件的调用，根据你的性别、心情，从服务端获取推荐的衣服数据，并推送给你。最后基于这些信息做一轮文本总结。
 
-当完成这些操作后，你已经了解了添加自定义插件，并在 LobeChat 中使用的基础流程。
+  <Image alt="会话测试插件功能 S2" height={483} inStep src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265260461-c22ae797-2809-464b-96fc-d0c020f4807b.png" />
 
+  当完成这些操作后，你已经了解了添加自定义插件，并在 LobeChat 中使用的基础流程。
 </Steps>
 
 ## 本地插件开发
@@ -223,7 +187,7 @@ export default async (req: Request) => {
 
 由于 LobeChat 默认的插件网关是云端服务 `/api/plugins`，云端服务通过 manifest 上的 `api.url` 地址发送请求，以解决跨域问题。
 
-针对自定义插件，插件请求需要发送给本地服务， 因此通过在 manifest 中指定网关 ([http://localhost:3400/api/gateway)，LobeChat](<http://localhost:3400/api/gateway)，LobeChat>) 将会直接请求该地址，然后只需要在该地址下创建对应的网关即可。
+针对自定义插件，插件请求需要发送给本地服务， 因此通过在 manifest 中指定网关 ([http://localhost:3400/api/gateway)，LobeChat](http://localhost:3400/api/gateway\)，LobeChat) 将会直接请求该地址，然后只需要在该地址下创建对应的网关即可。
 
 ```ts
 import { createLobeChatPluginGateway } from '@lobehub/chat-plugins-gateway';
@@ -241,29 +205,17 @@ export default createLobeChatPluginGateway();
 
 自定义插件的 UI 界面是一个可选项。例如 官方插件 [「🧩 / 🕸 网页内容提取」](https://github.com/lobehub/chat-plugin-web-crawler)，没有实现相应的用户界面。
 
-<Image
-  alt="插件 UI 界面 S1"
-  height={483}
-  src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265263241-0e765fdc-3463-4c36-a398-aef177a30df9.png"
-/>
+<Image alt="插件 UI 界面 S1" height={483} src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265263241-0e765fdc-3463-4c36-a398-aef177a30df9.png" />
 
 如果你希望在插件消息中展示更加丰富的信息，或者包含一些富交互操作，你可以为插件定制一个用户界面。例如下图则为[「搜索引擎」](https://github.com/lobehub/chat-plugin-search-engine)插件的用户界面。
 
-<Image
-  alt="插件 UI 界面 S2"
-  height={483}
-  src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265263427-9bdc03d5-aa61-4f62-a2ce-88683f3308d8.png"
-/>
+<Image alt="插件 UI 界面 S2" height={483} src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265263427-9bdc03d5-aa61-4f62-a2ce-88683f3308d8.png" />
 
 #### 插件 UI 界面实现
 
 LobeChat 通过 `iframe` 实现插件 ui 的加载，使用 `postMessage` 实现主体与插件的通信。因此， 插件 UI 的实现方式与普通的网页开发一致，你可以使用任何你熟悉的前端框架与开发语言。
 
-<Image
-  alt="插件 UI 界面实现"
-  height={483}
-  src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265263653-4ea87abc-249a-49f3-a241-7ed93ddb1ddf.png"
-/>
+<Image alt="插件 UI 界面实现" height={483} src="https://github-production-user-asset-6210df.s3.amazonaws.com/28616219/265263653-4ea87abc-249a-49f3-a241-7ed93ddb1ddf.png" />
 
 在我们提供的模板中使用了 React + Next.js + [antd](https://ant.design/) 作为前端界面框架，你可以在 [`src/pages/index.tsx`](https://github.com/lobehub/chat-plugin-template/blob/main/src/pages/index.tsx) 中找到用户界面的实现。
 
@@ -301,7 +253,7 @@ export default Render;
 
 ### 插件 Shield
 
-[![lobe-chat-plugin](https://img.shields.io/badge/%F0%9F%A4%AF%20%26%20%F0%9F%A7%A9%20LobeHub-Plugin-95f3d9?labelColor=black&style=flat-square)](https://github.com/lobehub/lobe-chat-plugins)
+[![lobe-chat-plugin](https://img.shields.io/badge/%F0%9F%A4%AF%20%26%20%F0%9F%A7%A9%20LobeHub-Plugin-95f3d9?labelColor=black\&style=flat-square)](https://github.com/lobehub/lobe-chat-plugins)
 
 ```markdown
 [![lobe-chat-plugin](https://img.shields.io/badge/%F0%9F%A4%AF%20%26%20%F0%9F%A7%A9%20LobeHub-Plugin-95f3d9?labelColor=black&style=flat-square)](https://github.com/lobehub/lobe-chat-plugins)

package/docs/usage/plugins/store.mdx

@@ -15,16 +15,8 @@ tags:
 
 You can access the plugin store by going to `Extension Tools` -> `Plugin Store` in the session toolbar.
 
-<Image
-  alt="Plugin Store S1"
-  height={472}
-  src="https://github.com/lobehub/lobe-chat/assets/28616219/ab4e60d0-1293-49ac-8798-cb29b3b789e6"
-/>
+<Image alt="Plugin Store S1" height={472} src="https://github.com/lobehub/lobe-chat/assets/28616219/ab4e60d0-1293-49ac-8798-cb29b3b789e6" />
 
 In the plugin store, you can directly install and use plugins in LobeChat.
 
-<Image
-  alt="Plugin Store S2"
-  height={472}
-  src="https://github.com/lobehub/lobe-chat/assets/28616219/d7a5d821-116f-4be6-8a1a-38d81a5ea0ea"
-/>
+<Image alt="Plugin Store S2" height={472} src="https://github.com/lobehub/lobe-chat/assets/28616219/d7a5d821-116f-4be6-8a1a-38d81a5ea0ea" />

package/docs/usage/plugins/store.zh-CN.mdx

@@ -12,16 +12,8 @@ tags:
 
 你可以在会话工具条中的 `扩展工具` -> `插件商店`，进入插件商店。
 
-<Image
-  alt="插件商店 S1"
-  height={472}
-  src="https://github.com/lobehub/lobe-chat/assets/28616219/ab4e60d0-1293-49ac-8798-cb29b3b789e6"
-/>
+<Image alt="插件商店 S1" height={472} src="https://github.com/lobehub/lobe-chat/assets/28616219/ab4e60d0-1293-49ac-8798-cb29b3b789e6" />
 
 插件商店中会在 LobeChat 中可以直接安装并使用的插件。
 
-<Image
-  alt="插件商店 S2"
-  height={472}
-  src="https://github.com/lobehub/lobe-chat/assets/28616219/d7a5d821-116f-4be6-8a1a-38d81a5ea0ea"
-/>
+<Image alt="插件商店 S2" height={472} src="https://github.com/lobehub/lobe-chat/assets/28616219/d7a5d821-116f-4be6-8a1a-38d81a5ea0ea" />

package/docs/usage/providers/ai21.mdx

@@ -12,53 +12,37 @@ tags:
 
 # Using AI21 Labs in LobeChat
 
-<Image
-  cover
-  src={'https://github.com/user-attachments/assets/ae03eab5-a319-4d2a-a5f6-1683ab7739ee'}
-/>
+<Image cover src={'https://github.com/user-attachments/assets/ae03eab5-a319-4d2a-a5f6-1683ab7739ee'} />
 
 [AI21 Labs](https://www.ai21.com/) is a company focused on artificial intelligence, offering advanced language models and API services designed to help developers and businesses leverage natural language processing technology. Their flagship product, the "Jamba" series of models, can perform complex language understanding and generation tasks, widely utilized in fields such as content creation and conversational systems.
 
 This article will guide you on how to use AI21 Labs within LobeChat.
 
 <Steps>
-### Step 1: Obtain the AI21 Labs API Key
+  ### Step 1: Obtain the AI21 Labs API Key
 
-- Register and log in to [AI21 Studio](https://studio.ai21.com)
-- Click on the `User Avatar` menu, then select `API Key`
-- Copy and save the generated API key
+  - Register and log in to [AI21 Studio](https://studio.ai21.com)
+  - Click on the `User Avatar` menu, then select `API Key`
+  - Copy and save the generated API key
 
-<Image
-  alt={'Copy API Key'}
-  inStep
-  src={'https://github.com/user-attachments/assets/a42ba52b-491e-4993-8e2f-217aa1776e0f'}
-/>
+  <Image alt={'Copy API Key'} inStep src={'https://github.com/user-attachments/assets/a42ba52b-491e-4993-8e2f-217aa1776e0f'} />
 
-### Step 2: Configure AI21 Labs in LobeChat
+  ### Step 2: Configure AI21 Labs in LobeChat
 
-- Go to the `Settings` page in LobeChat
-- Under `Language Model`, find the setting for `AI21 Labs`
+  - Go to the `Settings` page in LobeChat
+  - Under `Language Model`, find the setting for `AI21 Labs`
 
-<Image
-  alt={'Enter API Key'}
-  inStep
-  src={'https://github.com/user-attachments/assets/9336d6c5-2a83-4aa9-854e-75e245b665cb'}
-/>
+  <Image alt={'Enter API Key'} inStep src={'https://github.com/user-attachments/assets/9336d6c5-2a83-4aa9-854e-75e245b665cb'} />
 
-- Enter the API key you obtained
-- Choose an AI21 Labs model for your AI assistant to begin the conversation
+  - Enter the API key you obtained
+  - Choose an AI21 Labs model for your AI assistant to begin the conversation
 
-<Image
-  alt={'Select AI21 Labs Model and Start Conversation'}
-  inStep
-  src={'https://github.com/user-attachments/assets/63e5ced7-1d23-44e1-b933-cc3b5df47eab'}
-/>
-
-<Callout type={'warning'}>
-  During use, you may need to pay the API service provider; please refer to the relevant fee policy
-  of AI21 Labs.
-</Callout>
+  <Image alt={'Select AI21 Labs Model and Start Conversation'} inStep src={'https://github.com/user-attachments/assets/63e5ced7-1d23-44e1-b933-cc3b5df47eab'} />
 
+  <Callout type={'warning'}>
+    During use, you may need to pay the API service provider; please refer to the relevant fee policy
+    of AI21 Labs.
+  </Callout>
 </Steps>
 
 Now you are ready to engage in conversations using the models provided by AI21 Labs in LobeChat.

package/docs/usage/providers/ai21.zh-CN.mdx

@@ -10,52 +10,36 @@ tags:
 
 # 在 LobeChat 中使用 AI21 Labs
 
-<Image
-  cover
-  src={'https://github.com/user-attachments/assets/ae03eab5-a319-4d2a-a5f6-1683ab7739ee'}
-/>
+<Image cover src={'https://github.com/user-attachments/assets/ae03eab5-a319-4d2a-a5f6-1683ab7739ee'} />
 
-[AI21 Labs](https://www.ai21.com/) 是一家专注于人工智能的公司，提供先进的语言模型和API服务，旨在帮助开发者和企业利用自然语言处理技术。其旗舰产品 "Jamba" 系列模型能够进行复杂的语言理解和生成任务，广泛应用于内容创作、对话系统等领域。
+[AI21 Labs](https://www.ai21.com/) 是一家专注于人工智能的公司，提供先进的语言模型和 API 服务，旨在帮助开发者和企业利用自然语言处理技术。其旗舰产品 "Jamba" 系列模型能够进行复杂的语言理解和生成任务，广泛应用于内容创作、对话系统等领域。
 
 本文将指导你如何在 LobeChat 中使用 AI21 Labs。
 
 <Steps>
-### 步骤一：获得 AI21 Labs 的 API Key
+  ### 步骤一：获得 AI21 Labs 的 API Key
 
-- 注册并登录 [AI21 Studio](https://studio.ai21.com)
-- 点击 `用户头像` 菜单，点击 `API Key`
-- 复制并保存生成的 API 密钥
+  - 注册并登录 [AI21 Studio](https://studio.ai21.com)
+  - 点击 `用户头像` 菜单，点击 `API Key`
+  - 复制并保存生成的 API 密钥
 
-<Image
-  alt={'复制 API 密钥'}
-  inStep
-  src={'https://github.com/user-attachments/assets/a42ba52b-491e-4993-8e2f-217aa1776e0f'}
-/>
+  <Image alt={'复制 API 密钥'} inStep src={'https://github.com/user-attachments/assets/a42ba52b-491e-4993-8e2f-217aa1776e0f'} />
 
-### 步骤二：在 LobeChat 中配置 AI21 Labs
+  ### 步骤二：在 LobeChat 中配置 AI21 Labs
 
-- 访问 LobeChat 的`设置`界面
-- 在`语言模型`下找到 `AI21labs` 的设置项
+  - 访问 LobeChat 的`设置`界面
+  - 在`语言模型`下找到 `AI21labs` 的设置项
 
-<Image
-  alt={'填入 API 密钥'}
-  inStep
-  src={'https://github.com/user-attachments/assets/9336d6c5-2a83-4aa9-854e-75e245b665cb'}
-/>
+  <Image alt={'填入 API 密钥'} inStep src={'https://github.com/user-attachments/assets/9336d6c5-2a83-4aa9-854e-75e245b665cb'} />
 
-- 填入获得的 API 密钥
-- 为你的 AI 助手选择一个 AI21 Labs 的模型即可开始对话
+  - 填入获得的 API 密钥
+  - 为你的 AI 助手选择一个 AI21 Labs 的模型即可开始对话
 
-<Image
-  alt={'选择 AI21 Labs 模型并开始对话'}
-  inStep
-  src={'https://github.com/user-attachments/assets/63e5ced7-1d23-44e1-b933-cc3b5df47eab'}
-/>
-
-<Callout type={'warning'}>
-  在使用过程中你可能需要向 API 服务提供商付费，请参考 AI21 Labs 的相关费用政策。
-</Callout>
+  <Image alt={'选择 AI21 Labs 模型并开始对话'} inStep src={'https://github.com/user-attachments/assets/63e5ced7-1d23-44e1-b933-cc3b5df47eab'} />
 
+  <Callout type={'warning'}>
+    在使用过程中你可能需要向 API 服务提供商付费，请参考 AI21 Labs 的相关费用政策。
+  </Callout>
 </Steps>
 
 至此你已经可以在 LobeChat 中使用 AI21 Labs 提供的模型进行对话了。

package/docs/usage/providers/ai360.mdx

@@ -10,53 +10,37 @@ tags:
 
 # Using the 360AI in LobeChat
 
-<Image
-  cover
-  src={'https://github.com/user-attachments/assets/e617def1-ce50-4acc-974b-12f5ed592a0e'}
-/>
+<Image cover src={'https://github.com/user-attachments/assets/e617def1-ce50-4acc-974b-12f5ed592a0e'} />
 
 The [360AI](https://ai.360.com/) is a cognitive general model independently developed by 360 Company, aimed at providing powerful natural language processing capabilities for enterprises and developers. This model has been upgraded to version 4.0 and supports various application scenarios, including conversational services, image generation, vector database services, and more.
 
 This article will guide you on how to use the 360AI in LobeChat.
 
 <Steps>
-### Step 1: Obtain the 360AI API Key
+  ### Step 1: Obtain the 360AI API Key
 
-- Register and log in to the [360AI API Open Platform](https://ai.360.com/platform/keys)
-- Click on the `API Keys` menu on the left
-- Create an API key and copy it
+  - Register and log in to the [360AI API Open Platform](https://ai.360.com/platform/keys)
+  - Click on the `API Keys` menu on the left
+  - Create an API key and copy it
 
-<Image
-  alt={'Create API Key'}
-  inStep
-  src={'https://github.com/user-attachments/assets/72da7af1-e180-4759-84a5-a6f6ca28392e'}
-/>
+  <Image alt={'Create API Key'} inStep src={'https://github.com/user-attachments/assets/72da7af1-e180-4759-84a5-a6f6ca28392e'} />
 
-### Step 2: Configure 360AI in LobeChat
+  ### Step 2: Configure 360AI in LobeChat
 
-- Access the `Settings` interface in LobeChat
-- Under `Language Models`, find the option for `360`
+  - Access the `Settings` interface in LobeChat
+  - Under `Language Models`, find the option for `360`
 
-<Image
-  alt={'Enter API Key'}
-  inStep
-  src={'https://github.com/user-attachments/assets/a53deb11-2c14-441a-8a5c-a0f3a74e2a63'}
-/>
+  <Image alt={'Enter API Key'} inStep src={'https://github.com/user-attachments/assets/a53deb11-2c14-441a-8a5c-a0f3a74e2a63'} />
 
-- Enter the API key you obtained
-- Choose a 360AI model for your AI assistant to start chatting
+  - Enter the API key you obtained
+  - Choose a 360AI model for your AI assistant to start chatting
 
-<Image
-  alt={'Select 360 Model and Start Chatting'}
-  inStep
-  src={'https://github.com/user-attachments/assets/452d0b48-5ff7-4f42-a46e-68a62b87632b'}
-/>
-
-<Callout type={'warning'}>
-  Please note that you may need to pay the API service provider during use, refer to the relevant
-  pricing policy of the 360AI.
-</Callout>
+  <Image alt={'Select 360 Model and Start Chatting'} inStep src={'https://github.com/user-attachments/assets/452d0b48-5ff7-4f42-a46e-68a62b87632b'} />
 
+  <Callout type={'warning'}>
+    Please note that you may need to pay the API service provider during use, refer to the relevant
+    pricing policy of the 360AI.
+  </Callout>
 </Steps>
 
 You can now use the models provided by the 360AI for conversations in LobeChat.

package/docs/usage/providers/ai360.zh-CN.mdx

@@ -8,54 +8,38 @@ tags:
   - Web UI
 ---
 
-# 在 LobeChat 中使用360智脑
+# 在 LobeChat 中使用 360 智脑
 
-<Image
-  cover
-  src={'https://github.com/user-attachments/assets/e617def1-ce50-4acc-974b-12f5ed592a0e'}
-/>
+<Image cover src={'https://github.com/user-attachments/assets/e617def1-ce50-4acc-974b-12f5ed592a0e'} />
 
-[360智脑](https://ai.360.com/)是360公司自主研发的认知型通用大模型，旨在为企业和开发者提供强大的自然语言处理能力。该模型已升级至4.0版本，能够支持多种应用场景，包括对话服务、图片生成、向量数据库服务等。
+[360 智脑](https://ai.360.com/)是 360 公司自主研发的认知型通用大模型，旨在为企业和开发者提供强大的自然语言处理能力。该模型已升级至 4.0 版本，能够支持多种应用场景，包括对话服务、图片生成、向量数据库服务等。
 
-本文将指导你如何在 LobeChat 中使用360智脑。
+本文将指导你如何在 LobeChat 中使用 360 智脑。
 
 <Steps>
-### 步骤一：获得360智脑的 API Key
+  ### 步骤一：获得 360 智脑的 API Key
 
-- 注册并登录 [360智脑 API 开放平台](https://ai.360.com/platform/keys)
-- 点击左侧 `API Keys` 菜单
-- 创建一个 API 密钥并复制
+  - 注册并登录 [360 智脑 API 开放平台](https://ai.360.com/platform/keys)
+  - 点击左侧 `API Keys` 菜单
+  - 创建一个 API 密钥并复制
 
-<Image
-  alt={'创建API密钥'}
-  inStep
-  src={'https://github.com/user-attachments/assets/72da7af1-e180-4759-84a5-a6f6ca28392e'}
-/>
+  <Image alt={'创建API密钥'} inStep src={'https://github.com/user-attachments/assets/72da7af1-e180-4759-84a5-a6f6ca28392e'} />
 
-### 步骤二：在 LobeChat 中配置360智脑
+  ### 步骤二：在 LobeChat 中配置 360 智脑
 
-- 访问 LobeChat 的`设置`界面
-- 在`语言模型`下找到 `360` 的设置项
+  - 访问 LobeChat 的`设置`界面
+  - 在`语言模型`下找到 `360` 的设置项
 
-<Image
-  alt={'填入 API 密钥'}
-  inStep
-  src={'https://github.com/user-attachments/assets/a53deb11-2c14-441a-8a5c-a0f3a74e2a63'}
-/>
+  <Image alt={'填入 API 密钥'} inStep src={'https://github.com/user-attachments/assets/a53deb11-2c14-441a-8a5c-a0f3a74e2a63'} />
 
-- 填入获得的 API 密钥
-- 为你的 AI 助手选择一个360智脑的模型即可开始对话
+  - 填入获得的 API 密钥
+  - 为你的 AI 助手选择一个 360 智脑的模型即可开始对话
 
-<Image
-  alt={'选择360模型并开始对话'}
-  inStep
-  src={'https://github.com/user-attachments/assets/452d0b48-5ff7-4f42-a46e-68a62b87632b'}
-/>
-
-<Callout type={'warning'}>
-  在使用过程中你可能需要向 API 服务提供商付费，请参考360智脑的相关费用政策。
-</Callout>
+  <Image alt={'选择360模型并开始对话'} inStep src={'https://github.com/user-attachments/assets/452d0b48-5ff7-4f42-a46e-68a62b87632b'} />
 
+  <Callout type={'warning'}>
+    在使用过程中你可能需要向 API 服务提供商付费，请参考 360 智脑的相关费用政策。
+  </Callout>
 </Steps>
 
-至此你已经可以在 LobeChat 中使用360智脑提供的模型进行对话了。
+至此你已经可以在 LobeChat 中使用 360 智脑提供的模型进行对话了。

package/docs/usage/providers/anthropic.mdx

@@ -13,66 +13,44 @@ tags:
 
 # Using Anthropic Claude in LobeChat
 
-<Image
-  alt={'Using Anthropic Claude in LobeChat'}
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/17870709/620b956b-dcb2-442a-8bb1-9aa22681dfa4'}
-/>
+<Image alt={'Using Anthropic Claude in LobeChat'} cover src={'https://github.com/lobehub/lobe-chat/assets/17870709/620b956b-dcb2-442a-8bb1-9aa22681dfa4'} />
 
 The Anthropic Claude API is now available for everyone to use. This document will guide you on how to use [Anthropic Claude](https://www.anthropic.com/api) in LobeChat:
 
 <Steps>
+  ### Step 1: Obtain Anthropic Claude API Key
 
-### Step 1: Obtain Anthropic Claude API Key
+  - Create an [Anthropic Claude API](https://www.anthropic.com/api) account.
+  - Get your [API key](https://console.anthropic.com/settings/keys).
 
-- Create an [Anthropic Claude API](https://www.anthropic.com/api) account.
-- Get your [API key](https://console.anthropic.com/settings/keys).
+  <Image alt={'Create API Key'} inStep src={'https://github.com/lobehub/lobe-chat/assets/17870709/15e09e71-5899-4805-9c5e-1f7c57be04ae'} />
 
-<Image
-  alt={'Create API Key'}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/17870709/15e09e71-5899-4805-9c5e-1f7c57be04ae'}
-/>
+  <Callout type={'warning'}>
+    The Claude API currently offers $5 of free credits, but it is only available in certain specific
+    countries/regions. You can go to Dashboard > Claim to see if it is applicable to your
+    country/region.
+  </Callout>
 
-<Callout type={'warning'}>
-  The Claude API currently offers $5 of free credits, but it is only available in certain specific
-  countries/regions. You can go to Dashboard > Claim to see if it is applicable to your
-  country/region.
-</Callout>
+  - Set up your billing for the API key to work on [https://console.anthropic.com/settings/plans](https://console.anthropic.com/settings/plans) (choose the "Build" plan so you can add credits and only pay for usage).
 
-- Set up your billing for the API key to work on [https://console.anthropic.com/settings/plans](https://console.anthropic.com/settings/plans) (choose the "Build" plan so you can add credits and only pay for usage).
+  <Image alt={'Set Up Your Billing'} inStep src={'https://github.com/lobehub/lobe-chat/assets/17870709/385f663f-cae2-4383-9bb0-52c45e5d7d7a'} />
 
-<Image
-  alt={'Set Up Your Billing'}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/17870709/385f663f-cae2-4383-9bb0-52c45e5d7d7a'}
-/>
+  ### Step 2: Configure Anthropic Claude in LobeChat
 
-### Step 2: Configure Anthropic Claude in LobeChat
+  - Access the `Settings` interface in LobeChat.
+  - Find the setting for `Anthropic Claude` under `Language Models`.
 
-- Access the `Settings` interface in LobeChat.
-- Find the setting for `Anthropic Claude` under `Language Models`.
+  <Image alt={'Enter API Key'} inStep src={'https://github.com/lobehub/lobe-chat/assets/17870709/ff9c3eb8-412b-4275-80be-177ae7b7acbc'} />
 
-<Image
-  alt={'Enter API Key'}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/17870709/ff9c3eb8-412b-4275-80be-177ae7b7acbc'}
-/>
+  - Enter the obtained API key.
+  - Choose an Anthropic Claude model for your AI assistant to start the conversation.
 
-- Enter the obtained API key.
-- Choose an Anthropic Claude model for your AI assistant to start the conversation.
-
-<Image
-  alt={'Select Anthropic Claude Model and Start Conversation'}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/17870709/6cdc5c0e-0508-44ed-a283-03f6b538ed8a'}
-/>
-
-<Callout type={'warning'}>
-  During usage, you may need to pay the API service provider. Please refer to Anthropic Claude's
-  relevant pricing policies.
-</Callout>
+  <Image alt={'Select Anthropic Claude Model and Start Conversation'} inStep src={'https://github.com/lobehub/lobe-chat/assets/17870709/6cdc5c0e-0508-44ed-a283-03f6b538ed8a'} />
 
+  <Callout type={'warning'}>
+    During usage, you may need to pay the API service provider. Please refer to Anthropic Claude's
+    relevant pricing policies.
+  </Callout>
 </Steps>
 
 You can now engage in conversations using the models provided by Anthropic Claude in LobeChat.