@lobehub/chat 1.44.3 → 1.45.0

package/docs/usage/providers/fireworksai.mdx

@@ -12,66 +12,46 @@ tags:
 
 # Using Fireworks AI in LobeChat
 
-<Image
-  cover
-  src={'https://github.com/user-attachments/assets/facdc83c-e789-4649-8060-7f7a10a1b1dd'}
-/>
+<Image cover src={'https://github.com/user-attachments/assets/facdc83c-e789-4649-8060-7f7a10a1b1dd'} />
 
 [Fireworks.ai](https://fireworks.ai/) is a high-performance generative AI model inference platform that allows users to access and utilize various models through its API. The platform supports multiple modalities, including text and visual language models, and offers features like function calls and JSON schemas to enhance the flexibility of application development.
 
 This article will guide you on how to use Fireworks AI in LobeChat.
 
 <Steps>
-### Step 1: Obtain an API Key for Fireworks AI
+  ### Step 1: Obtain an API Key for Fireworks AI
 
-- Log in to the [Fireworks.ai Console](https://fireworks.ai/account/api-keys)
-- Navigate to the `User` page and click on `API Keys`
-- Create a new API key
+  - Log in to the [Fireworks.ai Console](https://fireworks.ai/account/api-keys)
+  - Navigate to the `User` page and click on `API Keys`
+  - Create a new API key
 
-<Image
-  alt={'Create API Key'}
-  inStep
-  src={'https://github.com/user-attachments/assets/eb027093-5ceb-4a9d-8850-b791fbf69a71'}
-/>
+  <Image alt={'Create API Key'} inStep src={'https://github.com/user-attachments/assets/eb027093-5ceb-4a9d-8850-b791fbf69a71'} />
 
-- Copy and securely save the generated API key
+  - Copy and securely save the generated API key
 
-<Image
-  alt={'Save API Key'}
-  inStep
-  src={'https://github.com/user-attachments/assets/28590f7f-bfee-4215-b50b-8feddbf72366'}
-/>
+  <Image alt={'Save API Key'} inStep src={'https://github.com/user-attachments/assets/28590f7f-bfee-4215-b50b-8feddbf72366'} />
 
-<Callout type={'warning'}>
-  Please store the key securely, as it will appear only once. If you accidentally lose it, you will
-  need to create a new key.
-</Callout>
+  <Callout type={'warning'}>
+    Please store the key securely, as it will appear only once. If you accidentally lose it, you will
+    need to create a new key.
+  </Callout>
 
-### Step 2: Configure Fireworks AI in LobeChat
+  ### Step 2: Configure Fireworks AI in LobeChat
 
-- Access the `Settings` interface in LobeChat
-- Under `Language Model`, locate the settings for `Fireworks AI`
+  - Access the `Settings` interface in LobeChat
+  - Under `Language Model`, locate the settings for `Fireworks AI`
 
-<Image
-  alt={'Enter API Key'}
-  inStep
-  src={'https://github.com/user-attachments/assets/12c1957d-f050-4235-95da-d55ddedfa6c9'}
-/>
+  <Image alt={'Enter API Key'} inStep src={'https://github.com/user-attachments/assets/12c1957d-f050-4235-95da-d55ddedfa6c9'} />
 
-- Enter the obtained API key
-- Select a Fireworks AI model for your AI assistant to start a conversation
+  - Enter the obtained API key
+  - Select a Fireworks AI model for your AI assistant to start a conversation
 
-<Image
-  alt={'Select Fireworks AI Model and Start Conversation'}
-  inStep
-  src={'https://github.com/user-attachments/assets/378df8df-8ec4-436e-8451-fbc52705faee'}
-/>
-
-<Callout type={'warning'}>
-  Please note that you may need to pay fees to the API service provider during use; refer to
-  Fireworks AI's pricing policy for details.
-</Callout>
+  <Image alt={'Select Fireworks AI Model and Start Conversation'} inStep src={'https://github.com/user-attachments/assets/378df8df-8ec4-436e-8451-fbc52705faee'} />
 
+  <Callout type={'warning'}>
+    Please note that you may need to pay fees to the API service provider during use; refer to
+    Fireworks AI's pricing policy for details.
+  </Callout>
 </Steps>
 
 You are now ready to use the models provided by Fireworks AI for conversations in LobeChat.

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

@@ -10,64 +10,44 @@ tags:
 
 # 在 LobeChat 中使用 Fireworks AI
 
-<Image
-  cover
-  src={'https://github.com/user-attachments/assets/facdc83c-e789-4649-8060-7f7a10a1b1dd'}
-/>
+<Image cover src={'https://github.com/user-attachments/assets/facdc83c-e789-4649-8060-7f7a10a1b1dd'} />
 
 [Fireworks.ai](https://fireworks.ai/) 是一个高性能的生成式 AI 模型推理平台，允许用户通过其 API 访问和使用各种模型。该平台支持多种模态，包括文本和视觉语言模型，并提供函数调用和 JSON 模式等功能，以增强应用开发的灵活性。
 
 本文将指导你如何在 LobeChat 中使用 Fireworks AI。
 
 <Steps>
-### 步骤一：获得 Fireworks AI 的 API Key
+  ### 步骤一：获得 Fireworks AI 的 API Key
 
-- 登录 [Fireworks.ai 控制台](https://fireworks.ai/account/api-keys)
-- 进入 `User` 页面，点击 `API Keys`
-- 创建一个新的 API 密钥
+  - 登录 [Fireworks.ai 控制台](https://fireworks.ai/account/api-keys)
+  - 进入 `User` 页面，点击 `API Keys`
+  - 创建一个新的 API 密钥
 
-<Image
-  alt={'创建 API 密钥'}
-  inStep
-  src={'https://github.com/user-attachments/assets/eb027093-5ceb-4a9d-8850-b791fbf69a71'}
-/>
+  <Image alt={'创建 API 密钥'} inStep src={'https://github.com/user-attachments/assets/eb027093-5ceb-4a9d-8850-b791fbf69a71'} />
 
-- 复制并保存生成的 API 密钥
+  - 复制并保存生成的 API 密钥
 
-<Image
-  alt={'保存 API 密钥'}
-  inStep
-  src={'https://github.com/user-attachments/assets/28590f7f-bfee-4215-b50b-8feddbf72366'}
-/>
+  <Image alt={'保存 API 密钥'} inStep src={'https://github.com/user-attachments/assets/28590f7f-bfee-4215-b50b-8feddbf72366'} />
 
-<Callout type={'warning'}>
-  请安全地存储密钥，因为它只会出现一次。如果您意外丢失它，您将需要创建一个新密钥。
-</Callout>
+  <Callout type={'warning'}>
+    请安全地存储密钥，因为它只会出现一次。如果您意外丢失它，您将需要创建一个新密钥。
+  </Callout>
 
-### 步骤二：在 LobeChat 中配置 Fireworks AI
+  ### 步骤二：在 LobeChat 中配置 Fireworks AI
 
-- 访问 LobeChat 的`设置`界面
-- 在`语言模型`下找到 `Fireworks AI` 的设置项
+  - 访问 LobeChat 的`设置`界面
+  - 在`语言模型`下找到 `Fireworks AI` 的设置项
 
-<Image
-  alt={'填入 API 密钥'}
-  inStep
-  src={'https://github.com/user-attachments/assets/12c1957d-f050-4235-95da-d55ddedfa6c9'}
-/>
+  <Image alt={'填入 API 密钥'} inStep src={'https://github.com/user-attachments/assets/12c1957d-f050-4235-95da-d55ddedfa6c9'} />
 
-- 填入获得的 API 密钥
-- 为你的 AI 助手选择一个 Fireworks AI 的模型即可开始对话
+  - 填入获得的 API 密钥
+  - 为你的 AI 助手选择一个 Fireworks AI 的模型即可开始对话
 
-<Image
-  alt={'选择 Fireworks AI 模型并开始对话'}
-  inStep
-  src={'https://github.com/user-attachments/assets/378df8df-8ec4-436e-8451-fbc52705faee'}
-/>
-
-<Callout type={'warning'}>
-  在使用过程中你可能需要向 API 服务提供商付费，请参考 Fireworks AI 的相关费用政策。
-</Callout>
+  <Image alt={'选择 Fireworks AI 模型并开始对话'} inStep src={'https://github.com/user-attachments/assets/378df8df-8ec4-436e-8451-fbc52705faee'} />
 
+  <Callout type={'warning'}>
+    在使用过程中你可能需要向 API 服务提供商付费，请参考 Fireworks AI 的相关费用政策。
+  </Callout>
 </Steps>
 
 至此你已经可以在 LobeChat 中使用 Fireworks AI 提供的模型进行对话了。

package/docs/usage/providers/gemini.mdx

@@ -13,70 +13,44 @@ tags:
 
 # Using Google Gemini in LobeChat
 
-<Image
-  alt={'Using Google Gemini in LobeChat'}
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/34400653/9a8dc1d4-152b-415f-a7cd-8f0c8fbb9913'}
-/>
+<Image alt={'Using Google Gemini in LobeChat'} cover src={'https://github.com/lobehub/lobe-chat/assets/34400653/9a8dc1d4-152b-415f-a7cd-8f0c8fbb9913'} />
 
 Gemini AI is a set of large language models (LLMs) created by Google AI, known for its cutting-edge advancements in multimodal understanding and processing. It is essentially a powerful artificial intelligence tool capable of handling various tasks involving different types of data, not just text.
 
 This document will guide you on how to use Google Gemini in LobeChat:
 
 <Steps>
+  ### Step 1: Obtain Google API Key
 
-### Step 1: Obtain Google API Key
+  - Visit and log in to [Google AI Studio](https://aistudio.google.com/)
+  - Navigate to `Get API Key` in the menu and click on `Create API Key`
 
-- Visit and log in to [Google AI Studio](https://aistudio.google.com/)
-- Navigate to `Get API Key` in the menu and click on `Create API Key`
+  <Image alt={'Generate Google Gemini Key'} inStep src={'https://github.com/lobehub/lobe-chat/assets/34400653/ba3595e3-d9cb-4d0d-b414-8306b16df186'} />
 
-<Image
-  alt={'Generate Google Gemini Key'}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/34400653/ba3595e3-d9cb-4d0d-b414-8306b16df186'}
-/>
+  - Select a project and create an API key, or create one in a new project
 
-- Select a project and create an API key, or create one in a new project
+  <Image alt={'Enter API Key Name'} inStep src={'https://github.com/lobehub/lobe-chat/assets/34400653/fa725e49-4c17-4055-82bc-98a31e73fa54'} />
 
-<Image
-  alt={'Enter API Key Name'}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/34400653/fa725e49-4c17-4055-82bc-98a31e73fa54'}
-/>
+  - Copy the API key from the pop-up dialog
 
-- Copy the API key from the pop-up dialog
+  <Image alt={'Copy API Key'} inStep src={'https://github.com/lobehub/lobe-chat/assets/34400653/28d89add-cb18-4b86-9807-f2a5ed65ceba'} />
 
-<Image
-  alt={'Copy API Key'}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/34400653/28d89add-cb18-4b86-9807-f2a5ed65ceba'}
-/>
+  ### Step 2: Configure OpenAI in LobeChat
 
-### Step 2: Configure OpenAI in LobeChat
+  - Go to the `Settings` interface in LobeChat
+  - Find the setting for `Google Gemini` under `Language Models`
 
-- Go to the `Settings` interface in LobeChat
-- Find the setting for `Google Gemini` under `Language Models`
+  <Image alt={'Enter Google Gemini API Key in LobeChat'} inStep src={'https://github.com/lobehub/lobe-chat/assets/34400653/11442ce4-a615-49c4-937a-ca2ae93dd27c'} />
 
-<Image
-  alt={'Enter Google Gemini API Key in LobeChat'}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/34400653/11442ce4-a615-49c4-937a-ca2ae93dd27c'}
-/>
+  - Enable Google Gemini and enter the obtained API key
+  - Choose a Gemini model for your assistant to start the conversation
 
-- Enable Google Gemini and enter the obtained API key
-- Choose a Gemini model for your assistant to start the conversation
-
-<Image
-  alt={'Select and Use Gemini Model'}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/34400653/ef9ed1b8-6828-4dd6-b86b-bb0b4fa40619'}
-/>
-
-<Callout type={'warning'}>
-  During usage, you may need to pay the API service provider, please refer to Google Gemini's
-  pricing policy.
-</Callout>
+  <Image alt={'Select and Use Gemini Model'} inStep src={'https://github.com/lobehub/lobe-chat/assets/34400653/ef9ed1b8-6828-4dd6-b86b-bb0b4fa40619'} />
 
+  <Callout type={'warning'}>
+    During usage, you may need to pay the API service provider, please refer to Google Gemini's
+    pricing policy.
+  </Callout>
 </Steps>
 
 Congratulations! You can now use Google Gemini in LobeChat.

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

@@ -10,69 +10,43 @@ tags:
 
 # 在 LobeChat 中使用 Google Gemini
 
-<Image
-  alt={'在 LobeChat 中使用 Google Gemini'}
-  cover
-  src={'https://github.com/lobehub/lobe-chat/assets/34400653/9a8dc1d4-152b-415f-a7cd-8f0c8fbb9913'}
-/>
+<Image alt={'在 LobeChat 中使用 Google Gemini'} cover src={'https://github.com/lobehub/lobe-chat/assets/34400653/9a8dc1d4-152b-415f-a7cd-8f0c8fbb9913'} />
 
-Gemini AI是由 Google AI 创建的一组大型语言模型（LLM），以其在多模式理解和处理方面的尖端进步而闻名。它本质上是一个强大的人工智能工具，可以处理涉及不同类型数据的各种任务，而不仅仅是文本。
+Gemini AI 是由 Google AI 创建的一组大型语言模型（LLM），以其在多模式理解和处理方面的尖端进步而闻名。它本质上是一个强大的人工智能工具，可以处理涉及不同类型数据的各种任务，而不仅仅是文本。
 
 本文档将指导你如何在 LobeChat 中使用 Google Gemini:
 
 <Steps>
+  ### 步骤一：获取 Google 的 API 密钥
 
-### 步骤一：获取 Google 的 API 密钥
+  - 访问并登录 [Google AI Studio](https://aistudio.google.com/)
+  - 在 `获取 API 密钥` 菜单中 `创建 API 密钥`
 
-- 访问并登录 [Google AI Studio](https://aistudio.google.com/)
-- 在 `获取 API 密钥` 菜单中 `创建 API 密钥`
+  <Image alt={'生成 Google Gemini 密钥'} inStep src={'https://github.com/lobehub/lobe-chat/assets/34400653/ba3595e3-d9cb-4d0d-b414-8306b16df186'} />
 
-<Image
-  alt={'生成 Google Gemini 密钥'}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/34400653/ba3595e3-d9cb-4d0d-b414-8306b16df186'}
-/>
+  - 选择一个项目并创建 API 密钥，或者在新项目中创建 API 密钥
 
-- 选择一个项目并创建 API 密钥，或者在新项目中创建 API 密钥
+  <Image alt={'输入 API 密钥名称'} inStep src={'https://github.com/lobehub/lobe-chat/assets/34400653/fa725e49-4c17-4055-82bc-98a31e73fa54'} />
 
-<Image
-  alt={'输入 API 密钥名称'}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/34400653/fa725e49-4c17-4055-82bc-98a31e73fa54'}
-/>
+  - 在弹出的对话框中复制 API 密钥
 
-- 在弹出的对话框中复制 API 密钥
+  <Image alt={'复制 API 密钥'} inStep src={'https://github.com/lobehub/lobe-chat/assets/34400653/28d89add-cb18-4b86-9807-f2a5ed65ceba'} />
 
-<Image
-  alt={'复制 API 密钥'}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/34400653/28d89add-cb18-4b86-9807-f2a5ed65ceba'}
-/>
+  ### 步骤二：在 LobeChat 中配置 OpenAI
 
-### 步骤二：在 LobeChat 中配置OpenAI
+  - 访问 LobeChat 的`设置`界面
+  - 在`语言模型`下找到`Google Gemini`的设置项
 
-- 访问LobeChat的`设置`界面
-- 在`语言模型`下找到`Google Gemini`的设置项
+  <Image alt={'LobeChat 中填写 Google Gemini API 密钥'} inStep src={'https://github.com/lobehub/lobe-chat/assets/34400653/11442ce4-a615-49c4-937a-ca2ae93dd27c'} />
 
-<Image
-  alt={'LobeChat 中填写 Google Gemini API 密钥'}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/34400653/11442ce4-a615-49c4-937a-ca2ae93dd27c'}
-/>
+  - 打开 Google Gemini 并填入获得的 API 密钥
+  - 为你的助手选择一个 Gemini 的模型即可开始对话
 
-- 打开 Google Gemini 并填入获得的 API 密钥
-- 为你的助手选择一个 Gemini 的模型即可开始对话
-
-<Image
-  alt={' 选择并使用 Gemini 模型 '}
-  inStep
-  src={'https://github.com/lobehub/lobe-chat/assets/34400653/ef9ed1b8-6828-4dd6-b86b-bb0b4fa40619'}
-/>
-
-<Callout type={'warning'}>
-  在使用过程中你可能需要向 API 服务提供商付费，请参考 Google Gemini 的费用政策。
-</Callout>
+  <Image alt={' 选择并使用 Gemini 模型 '} inStep src={'https://github.com/lobehub/lobe-chat/assets/34400653/ef9ed1b8-6828-4dd6-b86b-bb0b4fa40619'} />
 
+  <Callout type={'warning'}>
+    在使用过程中你可能需要向 API 服务提供商付费，请参考 Google Gemini 的费用政策。
+  </Callout>
 </Steps>
 
 至此，你已经可以在 LobeChat 中使用 Google Gemini 啦。

package/docs/usage/providers/giteeai.mdx

@@ -12,68 +12,47 @@ tags:
 
 # Using Gitee AI in LobeChat
 
-<Image
-  cover
-  src={'https://github.com/user-attachments/assets/f9ccce84-4fd4-48ca-9450-40660112d0d7'}
-/>
+<Image cover src={'https://github.com/user-attachments/assets/f9ccce84-4fd4-48ca-9450-40660112d0d7'} />
 
 [Gitee AI](https://ai.gitee.com/) is an open-source platform based on Git code hosting technology, specifically designed for AI application scenarios. It aims to provide developers and businesses with a one-stop solution for AI application development services, including model experience, inference, fine-tuning, and deployment.
 
 This article will guide you on how to use Gitee AI in LobeChat.
 
 <Steps>
+  ### Step 1: Obtain the Gitee AI API Key
 
-### Step 1: Obtain the Gitee AI API Key
+  - Register and log in to the [Gitee AI official website](https://ai.gitee.com/)
+  - Purchase and recharge `Serverless API` from your dashboard
 
-- Register and log in to the [Gitee AI official website](https://ai.gitee.com/)
-- Purchase and recharge `Serverless API` from your dashboard
+  <Image alt={'Gitee Serverless API'} inStep src={'https://github.com/user-attachments/assets/c77fcf70-9039-49ff-86e4-f8eaa267bbf6'} />
 
-<Image
-  alt={'Gitee Serverless API'}
-  inStep
-  src={'https://github.com/user-attachments/assets/c77fcf70-9039-49ff-86e4-f8eaa267bbf6'}
-/>
+  - In `Settings`, click on the `Access Tokens` section
+  - Create a new access token
+  - Save the access token in the pop-up window
 
-- In `Settings`, click on the `Access Tokens` section
-- Create a new access token
-- Save the access token in the pop-up window
+  <Image alt={'Gitee Serverless API'} inStep src={'https://github.com/user-attachments/assets/0af85438-ac99-4c95-b888-a17e88ede043'} />
 
-<Image
-  alt={'Gitee Serverless API'}
-  inStep
-  src={'https://github.com/user-attachments/assets/0af85438-ac99-4c95-b888-a17e88ede043'}
-/>
+  <Callout type={'warning'}>
+    Please keep the access token safe as it will only appear once. If you accidentally lose it, you
+    will need to create a new one.
+  </Callout>
 
-<Callout type={'warning'}>
-  Please keep the access token safe as it will only appear once. If you accidentally lose it, you
-  will need to create a new one.
-</Callout>
+  ### Step 2: Configure Gitee AI in LobeChat
 
-### Step 2: Configure Gitee AI in LobeChat
+  - Access the `Settings` page in LobeChat
+  - Under `Language Models`, find the settings for `Gitee AI`
 
-- Access the `Settings` page in LobeChat
-- Under `Language Models`, find the settings for `Gitee AI`
+  <Image alt={'Enter API Key'} inStep src={'https://github.com/user-attachments/assets/eaa2a1fb-41ad-473d-ac10-a39c05886425'} />
 
-<Image
-  alt={'Enter API Key'}
-  inStep
-  src={'https://github.com/user-attachments/assets/eaa2a1fb-41ad-473d-ac10-a39c05886425'}
-/>
+  - Enter the obtained API key
+  - Select a Gitee AI model for your AI assistant to begin chatting
 
-- Enter the obtained API key
-- Select a Gitee AI model for your AI assistant to begin chatting
-
-<Image
-  alt={'Select Gitee AI Model and Start Chatting'}
-  inStep
-  src={'https://github.com/user-attachments/assets/ab87120c-15ff-4bc7-bb28-4b0b43cfe91a'}
-/>
-
-<Callout type={'warning'}>
-  During usage, you may need to make payments to the API service provider; please refer to Gitee
-  AI's relevant pricing policy.
-</Callout>
+  <Image alt={'Select Gitee AI Model and Start Chatting'} inStep src={'https://github.com/user-attachments/assets/ab87120c-15ff-4bc7-bb28-4b0b43cfe91a'} />
 
+  <Callout type={'warning'}>
+    During usage, you may need to make payments to the API service provider; please refer to Gitee
+    AI's relevant pricing policy.
+  </Callout>
 </Steps>
 
 Now you can start having conversations using the models provided by Gitee AI in LobeChat!

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

@@ -10,66 +10,45 @@ tags:
 
 # 在 LobeChat 中使用 Gitee AI
 
-<Image
-  cover
-  src={'https://github.com/user-attachments/assets/f9ccce84-4fd4-48ca-9450-40660112d0d7'}
-/>
+<Image cover src={'https://github.com/user-attachments/assets/f9ccce84-4fd4-48ca-9450-40660112d0d7'} />
 
 [Gitee AI](https://ai.gitee.com/) 是一个基于 Git 代码托管技术的开源平台，专为人工智能（AI）应用场景设计。它旨在为开发者和企业提供一站式的 AI 应用开发服务，包括模型体验、推理、微调和部署等功能。
 
 本文将指导你如何在 LobeChat 中使用 Gitee AI。
 
 <Steps>
+  ### 步骤一：获取 Gitee AI 的 API 密钥
 
-### 步骤一: 获取 Gitee AI 的 API 密钥
+  - 注册并登录 [Gitee AI 官网](https://ai.gitee.com/)
+  - 在工作台中购买并充值 `Serverless API`
 
-- 注册并登录 [Gitee AI 官网](https://ai.gitee.com/)
-- 在工作台中购买并充值 `Serverless API`
+  <Image alt={'Gitee Serverless API'} inStep src={'https://github.com/user-attachments/assets/c77fcf70-9039-49ff-86e4-f8eaa267bbf6'} />
 
-<Image
-  alt={'Gitee Serverless API'}
-  inStep
-  src={'https://github.com/user-attachments/assets/c77fcf70-9039-49ff-86e4-f8eaa267bbf6'}
-/>
+  - 在 `设置` 中点击 `访问令牌` 界面
+  - 创建一个新的访问令牌
+  - 在弹出窗口中保存访问令牌
 
-- 在 `设置` 中点击 `访问令牌` 界面
-- 创建一个新的访问令牌
-- 在弹出窗口中保存访问令牌
+  <Image alt={'Gitee Serverless API'} inStep src={'https://github.com/user-attachments/assets/0af85438-ac99-4c95-b888-a17e88ede043'} />
 
-<Image
-  alt={'Gitee Serverless API'}
-  inStep
-  src={'https://github.com/user-attachments/assets/0af85438-ac99-4c95-b888-a17e88ede043'}
-/>
+  <Callout type={'warning'}>
+    妥善保存弹窗中的访问令牌，它只会出现一次，如果不小心丢失了，你需要重新创建一个访问令牌。
+  </Callout>
 
-<Callout type={'warning'}>
-  妥善保存弹窗中的访问令牌，它只会出现一次，如果不小心丢失了，你需要重新创建一个访问令牌。
-</Callout>
+  ### 步骤二：在 LobeChat 中配置 Gitee AI
 
-### 步骤二：在 LobeChat 中配置 Gitee AI
+  - 访问 LobeChat 的`设置`界面
+  - 在`语言模型`下找到 `Gitee AI` 的设置项
 
-- 访问 LobeChat 的`设置`界面
-- 在`语言模型`下找到 `Gitee AI` 的设置项
+  <Image alt={'填入 API 密钥'} inStep src={'https://github.com/user-attachments/assets/eaa2a1fb-41ad-473d-ac10-a39c05886425'} />
 
-<Image
-  alt={'填入 API 密钥'}
-  inStep
-  src={'https://github.com/user-attachments/assets/eaa2a1fb-41ad-473d-ac10-a39c05886425'}
-/>
+  - 填入获得的 API 密钥
+  - 为你的 AI 助手选择一个 Gitee AI 的模型即可开始对话
 
-- 填入获得的 API 密钥
-- 为你的 AI 助手选择一个 Gitee AI 的模型即可开始对话
-
-<Image
-  alt={'选择 Gitee AI 模型并开始对话'}
-  inStep
-  src={'https://github.com/user-attachments/assets/ab87120c-15ff-4bc7-bb28-4b0b43cfe91a'}
-/>
-
-<Callout type={'warning'}>
-  在使用过程中你可能需要向 API 服务提供商付费，请参考 Gitee AI 的相关费用政策。
-</Callout>
+  <Image alt={'选择 Gitee AI 模型并开始对话'} inStep src={'https://github.com/user-attachments/assets/ab87120c-15ff-4bc7-bb28-4b0b43cfe91a'} />
 
+  <Callout type={'warning'}>
+    在使用过程中你可能需要向 API 服务提供商付费，请参考 Gitee AI 的相关费用政策。
+  </Callout>
 </Steps>
 
 至此你已经可以在 LobeChat 中使用 Gitee AI 提供的模型进行对话了。

package/docs/usage/providers/github.mdx

@@ -11,10 +11,7 @@ tags:
 
 # Using GitHub Models in LobeChat
 
-<Image
-  cover
-  src={'https://github.com/user-attachments/assets/3050839a-cb16-485d-8bae-1bc2f9ade632'}
-/>
+<Image cover src={'https://github.com/user-attachments/assets/3050839a-cb16-485d-8bae-1bc2f9ade632'} />
 
 [GitHub Models](https://github.com/marketplace/models) is a new feature recently launched by GitHub, designed to provide developers with a free platform to access and experiment with various AI models. GitHub Models offers an interactive sandbox environment where users can test different model parameters and prompts, and observe the responses of the models. The platform supports advanced language models, including OpenAI's GPT-4o, Meta's Llama 3.1, and Mistral's Large 2, covering a wide range of applications from large-scale language models to task-specific models.
 
@@ -24,11 +21,7 @@ This article will guide you on how to use GitHub Models in LobeChat.
 
 Currently, the usage of the Playground and free API is subject to limits on the number of requests per minute, the number of requests per day, the number of tokens per request, and the number of concurrent requests. If you hit the rate limit, you will need to wait for the limit to reset before making further requests. The rate limits vary for different models (low, high, and embedding models). For model type information, please refer to the GitHub Marketplace.
 
-<Image
-  alt={'GitHub Models Rate Limits'}
-  inStep
-  src={'https://github.com/user-attachments/assets/21c52e2a-b2f8-4de8-a5d4-cf3444608db7'}
-/>
+<Image alt={'GitHub Models Rate Limits'} inStep src={'https://github.com/user-attachments/assets/21c52e2a-b2f8-4de8-a5d4-cf3444608db7'} />
 
 <Callout type="note">
   These limits are subject to change at any time. For specific information, please refer to the
@@ -41,53 +34,34 @@ Currently, the usage of the Playground and free API is subject to limits on the
 ## Configuration Guide for GitHub Models
 
 <Steps>
-### Step 1: Obtain a GitHub Access Token
+  ### Step 1: Obtain a GitHub Access Token
 
-- Log in to GitHub and open the [Access Tokens](https://github.com/settings/tokens) page.
-- Create and configure a new access token.
+  - Log in to GitHub and open the [Access Tokens](https://github.com/settings/tokens) page.
+  - Create and configure a new access token.
 
-<Image
-  alt={'Creating Access Token'}
-  inStep
-  src={'https://github.com/user-attachments/assets/8570db14-dac6-4279-ab71-04a072c15490'}
-/>
+  <Image alt={'Creating Access Token'} inStep src={'https://github.com/user-attachments/assets/8570db14-dac6-4279-ab71-04a072c15490'} />
 
-- Copy and save the generated token from the results returned.
+  - Copy and save the generated token from the results returned.
 
-<Image
-  alt={'Saving Access Token'}
-  inStep
-  src={'https://github.com/user-attachments/assets/3c1a492d-a3d4-4570-9e74-785c2942ca41'}
-/>
+  <Image alt={'Saving Access Token'} inStep src={'https://github.com/user-attachments/assets/3c1a492d-a3d4-4570-9e74-785c2942ca41'} />
 
-<Callout type={"warning"}>
-  
-- During the testing phase of GitHub Models, users must apply to join the [waitlist](https://github.com/marketplace/models/waitlist/join) in order to gain access.
+  <Callout type={"warning"}>
+    - During the testing phase of GitHub Models, users must apply to join the [waitlist](https://github.com/marketplace/models/waitlist/join) in order to gain access.
 
-- Please store the access token securely, as it will only be displayed once. If you accidentally lose it, you will need to create a new token.
+    - Please store the access token securely, as it will only be displayed once. If you accidentally lose it, you will need to create a new token.
+  </Callout>
 
-</Callout>
-
-### Step 2: Configure GitHub Models in LobeChat
-
-- Navigate to the `Settings` interface in LobeChat.
-- Under `Language Models`, find the GitHub settings.
+  ### Step 2: Configure GitHub Models in LobeChat
 
-<Image
-  alt={'Entering Access Token'}
-  inStep
-  src={'https://github.com/user-attachments/assets/a00f06cc-da7c-41e8-a4d5-d4b675a22673'}
-/>
+  - Navigate to the `Settings` interface in LobeChat.
+  - Under `Language Models`, find the GitHub settings.
 
-- Enter the access token you obtained.
-- Select a GitHub model for your AI assistant to start the conversation.
+  <Image alt={'Entering Access Token'} inStep src={'https://github.com/user-attachments/assets/a00f06cc-da7c-41e8-a4d5-d4b675a22673'} />
 
-<Image
-  alt={'Selecting GitHub Model and Starting Conversation'}
-  inStep
-  src={'https://github.com/user-attachments/assets/aead3c6c-891e-47c3-9f34-bdc33875e0c2'}
-/>
+  - Enter the access token you obtained.
+  - Select a GitHub model for your AI assistant to start the conversation.
 
+  <Image alt={'Selecting GitHub Model and Starting Conversation'} inStep src={'https://github.com/user-attachments/assets/aead3c6c-891e-47c3-9f34-bdc33875e0c2'} />
 </Steps>
 
 You are now ready to use the models provided by GitHub for conversations within LobeChat.