@lobehub/chat 1.21.13 → 1.21.14

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 # Changelog
 
+### [Version 1.21.14](https://github.com/lobehub/lobe-chat/compare/v1.21.13...v1.21.14)
+
+<sup>Released on **2024-10-12**</sup>
+
+#### 💄 Styles
+
+- **misc**: Fix artifacts render markdown.
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+#### Styles
+
+- **misc**: Fix artifacts render markdown, closes [#4327](https://github.com/lobehub/lobe-chat/issues/4327) ([6bb6ea6](https://github.com/lobehub/lobe-chat/commit/6bb6ea6))
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 1.21.13](https://github.com/lobehub/lobe-chat/compare/v1.21.12...v1.21.13)
 
 <sup>Released on **2024-10-11**</sup>

package/docs/usage/providers/ai21.mdx

@@ -0,0 +1,63 @@
+---
+title: Using AI21 Labs in LobeChat
+description: Learn how to integrate and utilize AI21 Labs's language model APIs in LobeChat. 
+tags:
+  - LobeChat
+  - AI21 Labs
+  - API Key
+  - Web UI
+---
+# Using AI21 Labs in LobeChat
+
+<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
+
+- 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'}
+/>
+
+### Step 2: Configure AI21 Labs in LobeChat
+
+- 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'}
+/>
+
+- 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>
+
+</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

@@ -0,0 +1,63 @@
+---
+title: 在 LobeChat 中使用 AI21 Labs
+description: 学习如何在 LobeChat 中配置和使用 AI21 Labs 的API Key，以便开始对话和交互。
+tags:
+  - LobeChat
+  - AI21 Labs
+  - API密钥
+  - Web UI
+---
+
+# 在 LobeChat 中使用 AI21 Labs
+
+<Image
+  cover
+  src={
+    'https://github.com/user-attachments/assets/ae03eab5-a319-4d2a-a5f6-1683ab7739ee'
+  }
+/>
+
+[AI21 Labs](https://www.ai21.com/) 是一家专注于人工智能的公司，提供先进的语言模型和API服务，旨在帮助开发者和企业利用自然语言处理技术。其旗舰产品 "Jamba" 系列模型能够进行复杂的语言理解和生成任务，广泛应用于内容创作、对话系统等领域。
+
+本文将指导你如何在 LobeChat 中使用 AI21 Labs。
+
+<Steps>
+### 步骤一：获得 AI21 Labs 的 API Key
+
+- 注册并登录 [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'}
+/>
+
+### 步骤二：在 LobeChat 中配置 AI21 Labs
+
+- 访问 LobeChat 的`设置`界面
+- 在`语言模型`下找到 `AI21labs` 的设置项
+
+<Image
+  alt={'填入 API 密钥'}
+  inStep
+  src={'https://github.com/user-attachments/assets/9336d6c5-2a83-4aa9-854e-75e245b665cb'}
+/>
+
+- 填入获得的 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>
+
+</Steps>
+
+至此你已经可以在 LobeChat 中使用 AI21 Labs 提供的模型进行对话了。

package/docs/usage/providers/ai360.mdx

@@ -0,0 +1,63 @@
+---
+title: Using the 360AI in LobeChat
+description: Learn how to integrate and utilize 360AI's language model APIs in LobeChat. 
+tags:
+  - LobeChat
+  - 360AI
+  - API Key
+  - Web UI
+---
+# Using the 360AI in LobeChat
+
+<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
+
+- 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'}
+/>
+
+### Step 2: Configure 360AI in LobeChat
+
+- 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'}
+/>
+
+- 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>
+
+</Steps>
+
+You can now use the models provided by the 360AI for conversations in LobeChat.
+

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

@@ -0,0 +1,63 @@
+---
+title: 在 LobeChat 中使用360智脑
+description: 学习如何在 LobeChat 中配置和使用360智脑的API Key，以便开始对话和交互。
+tags:
+  - LobeChat
+  - 360智脑
+  - API密钥
+  - Web UI
+---
+
+# 在 LobeChat 中使用360智脑
+
+<Image
+  cover
+  src={
+    'https://github.com/user-attachments/assets/e617def1-ce50-4acc-974b-12f5ed592a0e'
+  }
+/>
+
+[360智脑](https://ai.360.com/)是360公司自主研发的认知型通用大模型，旨在为企业和开发者提供强大的自然语言处理能力。该模型已升级至4.0版本，能够支持多种应用场景，包括对话服务、图片生成、向量数据库服务等。
+
+本文将指导你如何在 LobeChat 中使用360智脑。
+
+<Steps>
+### 步骤一：获得360智脑的 API Key
+
+- 注册并登录 [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'}
+/>
+
+### 步骤二：在 LobeChat 中配置360智脑
+
+- 访问 LobeChat 的`设置`界面
+- 在`语言模型`下找到 `360` 的设置项
+
+<Image
+  alt={'填入 API 密钥'}
+  inStep
+  src={'https://github.com/user-attachments/assets/a53deb11-2c14-441a-8a5c-a0f3a74e2a63'}
+/>
+
+- 填入获得的 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>
+
+</Steps>
+
+至此你已经可以在 LobeChat 中使用360智脑提供的模型进行对话了。

package/docs/usage/providers/fireworksai.mdx

@@ -0,0 +1,75 @@
+---
+title: Using Fireworks AI in LobeChat
+description: Learn how to integrate and utilize Fireworks AI's language model APIs in LobeChat. 
+tags:
+  - LobeChat
+  - Fireworks AI
+  - API Key
+  - Web UI
+---
+# Using Fireworks AI in LobeChat
+
+<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
+
+- 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'}
+/>
+
+- 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'}
+/>
+
+<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
+
+- 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'}
+/>
+
+- 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>
+
+</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

@@ -0,0 +1,75 @@
+---
+title: 在 LobeChat 中使用 Fireworks AI
+description: 学习如何在 LobeChat 中配置和使用 Fireworks AI 的API Key，以便开始对话和交互。
+tags:
+  - LobeChat
+  - Fireworks AI
+  - API密钥
+  - Web UI
+---
+
+# 在 LobeChat 中使用 Fireworks AI
+
+<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 控制台](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'}
+/>
+
+- 复制并保存生成的 API 密钥
+
+<Image
+  alt={'保存 API 密钥'}
+  inStep
+  src={'https://github.com/user-attachments/assets/28590f7f-bfee-4215-b50b-8feddbf72366'}
+/>
+
+<Callout type={'warning'}>
+  请安全地存储密钥，因为它只会出现一次。如果您意外丢失它，您将需要创建一个新密钥。
+</Callout>
+
+### 步骤二：在 LobeChat 中配置 Fireworks AI
+
+- 访问 LobeChat 的`设置`界面
+- 在`语言模型`下找到 `Fireworks AI` 的设置项
+
+<Image
+  alt={'填入 API 密钥'}
+  inStep
+  src={'https://github.com/user-attachments/assets/12c1957d-f050-4235-95da-d55ddedfa6c9'}
+/>
+
+- 填入获得的 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>
+
+</Steps>
+
+至此你已经可以在 LobeChat 中使用 Fireworks AI 提供的模型进行对话了。

package/docs/usage/providers/github.mdx

@@ -0,0 +1,92 @@
+---
+title: Using GitHub Models in LobeChat
+description: Learn how to integrate and utilize GitHub Models in LobeChat. 
+tags:
+  - LobeChat
+  - GitHub
+  - GitHub Models
+  - API Key
+  - Web UI
+---
+# Using GitHub Models in LobeChat
+
+<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.
+
+This article will guide you on how to use GitHub Models in LobeChat.
+
+## Rate Limits for GitHub Models
+
+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'}
+/>
+
+<Callout type="note">
+  These limits are subject to change at any time. For specific information, please refer to the [GitHub Official Documentation](https://docs.github.com/en/github-models/prototyping-with-ai-models#rate-limits).
+</Callout>
+
+---
+
+## Configuration Guide for GitHub Models
+
+<Steps>
+### 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.
+
+<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.
+
+<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.
+
+- 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>
+
+### Step 2: Configure GitHub Models in LobeChat
+
+- Navigate to the `Settings` interface in LobeChat.
+- Under `Language Models`, find the GitHub settings.
+
+<Image
+alt={'Entering Access Token'}
+inStep
+src={'https://github.com/user-attachments/assets/a00f06cc-da7c-41e8-a4d5-d4b675a22673'}
+/>
+
+- 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.
+

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

@@ -0,0 +1,91 @@
+---
+title: 在 LobeChat 中使用 GitHub Models
+description: 学习如何在 LobeChat 中配置和使用 GitHub 的 API Key，以便开始对话和交互。
+tags:
+  - LobeChat
+  - GitHub
+  - GitHub Models
+  - API密钥
+  - Web UI
+---
+
+# 在 LobeChat 中使用 GitHub Models
+
+<Image
+  cover
+  src={
+    'https://github.com/user-attachments/assets/3050839a-cb16-485d-8bae-1bc2f9ade632'
+  }
+/>
+
+[GitHub Models](https://github.com/marketplace/models) 是 GitHub 最近推出的一项新功能，旨在为开发者提供一个免费的平台来访问和实验多种 AI 模型。GitHub Models 提供了一个互动沙盒环境，用户可以在此测试不同的模型参数和提示语，观察模型的响应。该平台支持多种先进的语言模型，包括 OpenAI 的 GPT-4o、Meta 的 Llama 3.1 和 Mistral 的 Large 2 等，覆盖了从大规模语言模型到特定任务模型的广泛应用。
+
+本文将指导你如何在 LobeChat 中使用 GitHub Models。
+
+## GitHub Models 速率限制
+
+当前 Playground 和免费 API 的使用受到每分钟请求数、每日请求数、每个请求的令牌数以及并发请求数的限制。若达到速率限制，则需等待限制重置后方可继续发出请求。不同模型（低、高及嵌入模型）的速率限制有所不同。  模型类型信息请参阅 GitHub Marketplace。
+
+<Image
+  alt={'GitHub Models 速率限制'}
+  inStep
+  src={'https://github.com/user-attachments/assets/21c52e2a-b2f8-4de8-a5d4-cf3444608db7'}
+/>
+
+<Callout type="note">
+  这些限制可能随时更改，具体信息请参考 [GitHub 官方文档](https://docs.github.com/en/github-models/prototyping-with-ai-models#rate-limits)。
+</Callout>
+
+---
+
+## GitHub Models 配置指南
+
+<Steps>
+### 步骤一：获得 GitHub 的访问令牌
+
+- 登录 GitHub 并打开 [访问令牌](https://github.com/settings/tokens) 页面
+- 创建并设置一个新的访问令牌
+
+<Image
+  alt={'创建访问令牌'}
+  inStep
+  src={'https://github.com/user-attachments/assets/8570db14-dac6-4279-ab71-04a072c15490'}
+/>
+
+- 在返回的结果中复制并保存生成的令牌
+
+<Image
+  alt={'保存访问令牌'}
+  inStep
+  src={'https://github.com/user-attachments/assets/3c1a492d-a3d4-4570-9e74-785c2942ca41'}
+/>
+
+<Callout type={"warning"}>
+  - GitHub Models 测试期间，要使用 GitHub Models，用户需要申请加入[等待名单（waitlist）](https://github.com/marketplace/models/waitlist/join) 通过后才能获得访问权限。
+
+  - 请安全地存储访问令牌，因为它只会出现一次。如果您意外丢失它，您将需要创建一个新令牌。
+</Callout>
+
+### 步骤二：在 LobeChat 中配置 GitHub Models
+
+- 访问 LobeChat 的`设置`界面
+- 在`语言模型`下找到 `GitHub` 的设置项
+
+<Image
+  alt={'填入访问令牌'}
+  inStep
+  src={'https://github.com/user-attachments/assets/a00f06cc-da7c-41e8-a4d5-d4b675a22673'}
+/>
+
+- 填入获得的访问令牌
+- 为你的 AI 助手选择一个 GitHub 的模型即可开始对话
+
+<Image
+  alt={'选择 GitHub 模型并开始对话'}
+  inStep
+  src={'https://github.com/user-attachments/assets/aead3c6c-891e-47c3-9f34-bdc33875e0c2'}
+/>
+
+</Steps>
+
+至此你已经可以在 LobeChat 中使用 GitHub 提供的模型进行对话了。

package/docs/usage/providers/hunyuan.mdx

@@ -0,0 +1,71 @@
+---
+title: Using Tencent Hunyuan in LobeChat
+description: Learn how to integrate and utilize Tencent Hunyuan's language model APIs in LobeChat. 
+tags:
+  - LobeChat
+  - Tencent Hunyuan
+  - API Key
+  - Web UI
+---
+# Using Tencent Hunyuan in LobeChat
+
+<Image
+cover
+src={
+'https://github.com/user-attachments/assets/467bb431-ca0d-4bb4-ac17-e5e2b764a770'
+}
+/>
+
+[Tencent Hunyuan](https://hunyuan.tencent.com/) is a large model launched by Tencent, designed to provide users with intelligent assistant services. It utilizes natural language processing technology to help users solve problems, offer suggestions, and generate content. By conversing with the model, users can quickly access the information they need, thereby enhancing work efficiency.
+
+This article will guide you on how to use Tencent Hunyuan in LobeChat.
+
+<Steps>
+### Step 1: Obtain the Tencent Hunyuan API Key
+
+- Register and log in to the [Tencent Cloud Console](https://console.cloud.tencent.com/hunyuan/api-key)
+- Navigate to `Hunyuan Large Model` and click on `API KEY Management`
+- Create an API key
+
+<Image
+alt={'Create API Key'}
+inStep
+src={'https://github.com/user-attachments/assets/5f344314-ecbc-41e6-9120-520a2d5352ff'}
+/>
+
+- Click `View`, and copy the API key from the pop-up panel, ensuring you save it securely
+
+<Image
+alt={'Save Key'}
+inStep
+src={'https://github.com/user-attachments/assets/659b5ac1-82f1-43bd-9d4b-a98491e05794'}
+/>
+
+### Step 2: Configure Tencent Hunyuan in LobeChat
+
+- Go to the `Settings` page in LobeChat
+- Find the `Tencent Hunyuan` settings under `Language Models`
+
+<Image
+alt={'Enter API Key'}
+inStep
+src={'https://github.com/user-attachments/assets/796c94af-9bad-4e3c-b1c7-dbb17c215c56'}
+/>
+
+- Enter the API key you obtained
+- Select a Tencent Hunyuan model for your AI assistant to start the conversation
+
+<Image
+alt={'Select Tencent Hunyuan Model and Start Conversation'}
+inStep
+src={'https://github.com/user-attachments/assets/e3f44bc8-2fa5-441d-8934-943481472450'}
+/>
+
+<Callout type={'warning'}>
+During usage, you may need to pay the API service provider, please refer to Tencent Hunyuan's relevant pricing policy.
+</Callout>
+
+</Steps>
+
+You can now engage in conversations using the models provided by Tencent Hunyuan in LobeChat.
+