@lobehub/chat 1.0.13 → 1.0.14

package/docs/self-hosting/platform/vercel.zh-CN.mdx

@@ -40,7 +40,8 @@ Vercel 分配的域名 DNS 在某些区域被污染了，绑定自定义域名
 如果你根据上述中的一键部署步骤部署了自己的项目，你可能会发现总是被提示 “有可用更新”。这是因为 Vercel 默认为你创建新项目而非 fork 本项目，这将导致无法准确检测更新。
 
 <Callout>
-  我们建议按照 [📘 LobeChat 自部署保持更新](/docs/self-hosting/advanced/upstream-sync) 步骤重新部署。
+  我们建议按照 [📘 LobeChat 自部署保持更新](/docs/self-hosting/advanced/upstream-sync)
+  步骤重新部署。
 </Callout>
 
 [deploy-button-image]: https://vercel.com/button

package/docs/self-hosting/platform/zeabur.mdx

@@ -38,10 +38,9 @@ You can use the subdomain provided by Zeabur, or choose to bind a custom domain.
 
 # Deploy LobeChat with Zeabur as serverless function
 
->Note: There are still issues with [middlewares and rewrites of next.js on Zeabur](https://github.com/lobehub/lobe-chat/pull/2775?notification_referrer_id=NT_kwDOAdi2DrQxMDkyODQ4MDc2NTozMDk3OTU5OA#issuecomment-2146713899), use at your own risk! 
+> Note: There are still issues with [middlewares and rewrites of next.js on Zeabur](https://github.com/lobehub/lobe-chat/pull/2775?notification_referrer_id=NT_kwDOAdi2DrQxMDkyODQ4MDc2NTozMDk3OTU5OA#issuecomment-2146713899), use at your own risk!
 
-Since Zeabur does NOT officially support FREE users deploy containerized service, you may wish to deploy LobeChat as a serverless function service.
-To deploy LobeChat as a serverless function service on Zeabur, you can follow the steps below:
+Since Zeabur does NOT officially support FREE users deploy containerized service, you may wish to deploy LobeChat as a serverless function service. To deploy LobeChat as a serverless function service on Zeabur, you can follow the steps below:
 
 ## Zeabur Deployment Process
 
@@ -52,10 +51,11 @@ To deploy LobeChat as a serverless function service on Zeabur, you can follow th
 ### Add Zeabur pack config file
 
 Add a `zbpack.json` configuration file with the following content to the root dir of your fork:
+
 ```json
 {
-  "serverless": true,
-  "ignore_dockerfile": true
+  "ignore_dockerfile": true,
+  "serverless": true
 }
 ```
 
@@ -73,8 +73,7 @@ Create a project, then create a service under this project.
 
 ### Link your fork of LobeChat to the just created Zeabur service.
 
-When adding service, choose github.
-This may triger a oAuth depend on varies factors like how you login to Zeabur and if you have already authorized Zeabur to access all your repos
+When adding service, choose github. This may triger a oAuth depend on varies factors like how you login to Zeabur and if you have already authorized Zeabur to access all your repos
 
 ### Bind a custom domain (optional)
 

package/docs/self-hosting/platform/zeabur.zh-CN.mdx

@@ -37,10 +37,9 @@ tags:
 
 # 使用 Zeabur 将 LobeChat 部署为无服务器函数
 
->**注意：** 仍然存在关于 [Zeabur 上 next.js 的中间件和重写问题](https://github.com/lobehub/lobe-chat/pull/2775?notification_referrer_id=NT_kwDOAdi2DrQxMDkyODQ4MDc2NTozMDk3OTU5OA#issuecomment-2146713899)，请自担风险！
+> **注意：** 仍然存在关于 [Zeabur 上 next.js 的中间件和重写问题](https://github.com/lobehub/lobe-chat/pull/2775?notification_referrer_id=NT_kwDOAdi2DrQxMDkyODQ4MDc2NTozMDk3OTU5OA#issuecomment-2146713899)，请自担风险！
 
-由于 Zeabur 并未官方支持免费用户部署容器化服务，您可能希望将 LobeChat 部署为无服务器函数服务。
-要在 Zeabur 上将 LobeChat 部署为无服务器函数服务，您可以按照以下步骤操作：
+由于 Zeabur 并未官方支持免费用户部署容器化服务，您可能希望将 LobeChat 部署为无服务器函数服务。要在 Zeabur 上将 LobeChat 部署为无服务器函数服务，您可以按照以下步骤操作：
 
 ## Zeabur 部署流程
 
@@ -51,10 +50,11 @@ tags:
 ### 添加 Zeabur 打包配置文件
 
 在您的分支的根目录下添加一个 `zbpack.json` 配置文件，内容如下：
+
 ```json
 {
-  "serverless": true,
-  "ignore_dockerfile": true
+  "ignore_dockerfile": true,
+  "serverless": true
 }
 ```
 
@@ -72,8 +72,7 @@ tags:
 
 ### 将您的 LobeChat 分支链接到刚创建的 Zeabur 服务。
 
-在添加服务时，选择 github。
-这可能会触发一个 oAuth，取决于诸如您如何登录到 Zeabur以及您是否已经授权 Zeabur 访问所有您的存储库等各种因素。
+在添加服务时，选择 github。这可能会触发一个 oAuth，取决于诸如您如何登录到 Zeabur以及您是否已经授权 Zeabur 访问所有您的存储库等各种因素。
 
 ### 绑定自定义域名（可选）
 

package/docs/usage/agents/prompt.mdx

@@ -57,7 +57,7 @@ The second prompt generates longer output and better structure. The use of the t
 - **Be Clear About Your Needs:** The model's output will strive to meet your needs, so if your needs are not clear, the output may not meet expectations.
 - **Use Correct Grammar and Spelling:** The model will try to mimic your language style, so if your language style is problematic, the output may also be problematic.
 - **Provide Sufficient Contextual Information:** The model will generate output based on the contextual information you provide, so if the information is insufficient, it may not produce the desired results.
- 
+
 </Callout>
 
 After formulating effective prompts for discussing issues, you now need to refine the generated results. This may involve adjusting the output to fit constraints such as word count or combining concepts from different generated results.

package/docs/usage/agents/prompt.zh-CN.mdx

@@ -53,7 +53,7 @@ tags:
 - **尽量明确你的需求：** 模型的输出会尽可能满足你的需求，所以如果你的需求不明确，输出可能会不如预期。
 - **使用正确的语法和拼写：** 模型会尽可能模仿你的语言风格，所以如果你的语言风格有问题，输出可能也会有问题。
 - **提供足够的上下文信息：** 模型会根据你提供的上下文信息生成输出，所以如果你提供的上下文信息不足，可能无法生成你想要的结果。
- 
+
 </Callout>
 
 在为讨论问题制定有效的提示后，您现在需要细化生成的结果。这可能涉及到调整输出以符合诸如字数等限制，或将不同生成的结果的概念组合在一起。

package/docs/usage/features/auth.mdx

@@ -14,12 +14,13 @@ tags:
   - Multi-Factor Authentication
   - User Management
 ---
+
 # Support Multi-User Management
 
 <Image
-alt={'Identity Verification System'}
-cover
-src={'https://github.com/lobehub/lobe-chat/assets/17870709/8ce70e15-40df-451e-b700-66090fe5b8c2'}
+  alt={'Identity Verification System'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/8ce70e15-40df-451e-b700-66090fe5b8c2'}
 />
 
 In modern applications, user management and identity verification are essential functions. To meet the diverse needs of different users, LobeChat provides two main user authentication and management solutions: `next-auth` and `Clerk`. Whether you are looking for simple user registration and login or need advanced multi-factor authentication and user management, LobeChat can flexibly accommodate your requirements.
@@ -34,11 +35,13 @@ LobeChat integrates `next-auth`, a flexible and powerful identity verification l
 - **Data Security**: Ensure the security and privacy of user data.
 
 <Callout type={'warning'}>
-Due to workload constraints, integration of next-auth with a server-side database has not been implemented yet. If you need to use a server-side database, please use Clerk.
+  Due to workload constraints, integration of next-auth with a server-side database has not been
+  implemented yet. If you need to use a server-side database, please use Clerk.
 </Callout>
 
 <Callout type={'info'}>
-For information on using Next-Auth, you can refer to [Authentication Services - Next Auth](/docs/self-hosting/advanced/authentication#next-auth).
+  For information on using Next-Auth, you can refer to [Authentication Services - Next
+  Auth](/docs/self-hosting/advanced/authentication#next-auth).
 </Callout>
 
 ## Clerk: Modern User Management Platform
@@ -51,10 +54,12 @@ For users requiring advanced user management features, LobeChat also supports [C
 - **Scalability**: Supports complex user management requirements.
 
 <Callout type={'info'}>
-For information on using Clerk, you can refer to [Authentication Services - Clerk](/docs/self-hosting/advanced/authentication#clerk) .
+  For information on using Clerk, you can refer to [Authentication Services -
+  Clerk](/docs/self-hosting/advanced/authentication#clerk) .
 </Callout>
 
 <Callout type={'tip'}>
-If you need to use Clerk in conjunction with a server-side database, you can refer to the "Configuring Authentication Services" section in [Deploying with a Server-Side Database](/docs/self-hosting/advanced/server-database).
+  If you need to use Clerk in conjunction with a server-side database, you can refer to the
+  "Configuring Authentication Services" section in [Deploying with a Server-Side
+  Database](/docs/self-hosting/advanced/server-database).
 </Callout>
-

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

@@ -49,10 +49,12 @@ LobeChat 集成了 `next-auth`，一个灵活且强大的身份验证库，支
 - **扩展性**：支持复杂的用户管理需求。
 
 <Callout type={'info'}>
-  关于 Clerk 的使用，可以查阅 [身份验证服务 - Clerk](/zh/docs/self-hosting/advanced/authentication#clerk)。
+  关于 Clerk 的使用，可以查阅 [身份验证服务 -
+  Clerk](/zh/docs/self-hosting/advanced/authentication#clerk)。
 </Callout>
 
 <Callout type={'tip'}>
-  如果需要在服务端数据库中搭配使用 Clerk 的使用，可以查阅 [使用服务端数据库部署](/zh/docs/self-hosting/advanced/server-database) 中的「配置身份验证服务」部分。
+  如果需要在服务端数据库中搭配使用 Clerk 的使用，可以查阅
+  [使用服务端数据库部署](/zh/docs/self-hosting/advanced/server-database)
+  中的「配置身份验证服务」部分。
 </Callout>
-

package/docs/usage/features/database.mdx

@@ -1,20 +1,25 @@
 ---
-title: LobeChat 支持本地 / 云端数据库存储
-description: LobeChat 支持本地 / 云端数据存储，既能实现 Local First，同时支持数据云同步。
+title: Local / Cloud Database Solutions for LobeChat
+description: >-
+  Explore the options of local and server-side databases for LobeChat, offering
+  data control, privacy protection, and convenient user experiences.
 tags:
-  - LobeChat
-  - IndexedDB
-  - Postgres
-  - Local First
-  - 数据云同步
-  - 数据库
+  - Local Database
+  - Server-Side Database
+  - Data Privacy
+  - Data Control
+  - CRDT Technology
+  - PostgreSQL
+  - Dirzzle ORM
+  - Clerk Authentication
 ---
-# Local / Cloud Data Storage
+
+# Local / Cloud Database
 
 <Image
-alt={'Local / Cloud Data Storage'}
-cover
-src={'https://github.com/lobehub/lobe-chat/assets/17870709/acf39ea2-74b3-46ae-8eb8-54a51f7f1d36'}
+  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.
@@ -25,7 +30,9 @@ For users who prefer more control over their data and value privacy protection,
 
 Additionally, we have introduced Conflict-Free Replicated Data Type (CRDT) technology to ensure a seamless multi-device synchronization experience. This experimental feature aims to provide users with greater autonomy and data security.
 
-<Callout type={'info'}>LobeChat defaults to the local database solution to reduce the onboarding cost for new users.</Callout>
+<Callout type={'info'}>
+  LobeChat defaults to the local database solution to reduce the onboarding cost for new users.
+</Callout>
 
 Furthermore, we have attempted to introduce CRDT technology to achieve cross-device synchronization based on the local database. This experimental feature aims to provide users with greater autonomy and data security.
 
@@ -51,4 +58,3 @@ The local database solution is suitable for users who wish to have strict contro
 The server-side database solution is ideal for users who want to simplify data management processes and enjoy a convenient user experience. Through server-side databases and user authentication, LobeChat can ensure the security and efficiency of data. If you want to learn how to configure a server-side database, please refer to our [detailed documentation](/docs/self-hosting/advanced/server-database).
 
 Whether you choose a local database or a server-side database, LobeChat can provide you with an excellent user experience.
-

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

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

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

@@ -49,3 +49,8 @@ Compared to cloud-based solutions, a local LLM provides higher privacy and secur
 ### Embark on Your LobeChat & Ollama AI Journey
 
 Now, let's embark on this exciting journey together! Through the collaboration of LobeChat and Ollama AI, explore the endless possibilities brought by AI. Whether you are a tech enthusiast or simply curious about AI communication, LobeChat will offer you an unprecedented experience.
+
+<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

@@ -41,3 +41,8 @@ docker run -d -p 3210:3210 -e OLLAMA_PROXY_URL=http://host.docker.internal:11434
 ### 开启您的 LobeChat & Ollama AI 之旅
 
 现在，就让我们一起开启这段激动人心的旅程吧！通过 LobeChat 与 Ollama AI 的协作，探索 AI 带来的无限可能。无论您是技术爱好者，还是对 AI 交流充满好奇，LobeChat 都将为您提供一场前所未有的体验。
+
+<Cards>
+  <Card href={'/docs/usage/providers'} title={'使用多模型服务商'} />
+  <Card href={'/docs/usage/providers/ollama'} title={'使用 Ollama 本地模型'} />
+</Cards>

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

@@ -59,3 +59,8 @@ At the same time, we are also planning to support more model service providers,
 />
 
 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

@@ -59,3 +59,8 @@ tags:
 />
 
 为了满足特定用户的需求，LobeChat 还基于 [Ollama](https://ollama.ai) 支持了本地模型的使用，让用户能够更灵活地使用自己的或第三方的模型，详见 [本地模型支持](/docs/usage/features/local-llm)。
+
+<Cards>
+  <Card href={'/docs/usage/providers'} title={'使用多模型服务商'} />
+  <Card href={'/docs/usage/providers/ollama'} title={'使用 Ollama 本地模型'} />
+</Cards>

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

@@ -40,7 +40,8 @@ LobeChat 的插件生态系统是其核心功能的重要扩展，它极大地
 ## 插件生态体系
 
 <Callout>
-  如果你对插件开发感兴趣，请在 Wiki 中查阅我们的 [📘 插件开发指南](/docs/usage/plugins/development)。
+  如果你对插件开发感兴趣，请在 Wiki 中查阅我们的 [📘
+  插件开发指南](/docs/usage/plugins/development)。
 </Callout>
 
 - [lobe-chat-plugins][lobe-chat-plugins]：这是 LobeChat 的插件索引。它从该仓库的 index.json 中获取插件列表并显示给用户。

package/docs/usage/features/pwa.mdx

@@ -28,7 +28,8 @@ If you are unfamiliar with the installation process of PWA, you can follow the s
 ## Running on Chrome / Edge
 
 <Callout type={'important'}>
-  On macOS, when using a Chrome-installed PWA, it is required that Chrome be open, otherwise Chrome will automatically open and then launch the PWA app.
+  On macOS, when using a Chrome-installed PWA, it is required that Chrome be open, otherwise Chrome
+  will automatically open and then launch the PWA app.
 </Callout>
 
 <Steps>
@@ -62,7 +63,7 @@ Safari PWA requires macOS Ventura or later. The PWA installed by Safari does not
 </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.
+  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

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

@@ -28,7 +28,8 @@ tags:
 ## Chrome / Edge 浏览器上运行
 
 <Callout type={'important'}>
-  macOS 下，使用 Chrome 安装的 PWA 时，必须要求 Chrome 是打开状态，否则会自动打开 Chrome 再打开 PWA 应用。
+  macOS 下，使用 Chrome 安装的 PWA 时，必须要求 Chrome 是打开状态，否则会自动打开 Chrome 再打开 PWA
+  应用。
 </Callout>
 
 <Steps>
@@ -62,7 +63,7 @@ Safari PWA 需要 macOS Ventura 或更高版本。Safari 安装的 PWA 并不要
 </Steps>
 
 <Callout type={'tip'}>
-  默认安装的 LobeChat PWA 图标是黑色背景的，您可以在自行使用 <kbd>cmd</kbd> + <kbd>i</kbd> 粘贴如下图片替换为白色背景的。
+  默认安装的 LobeChat PWA 图标是黑色背景的，您可以在自行使用 <kbd>cmd</kbd> + <kbd>i</kbd>  粘贴如下图片替换为白色背景的。
 </Callout>
 
 <Image

package/docs/usage/providers/01ai.mdx

@@ -0,0 +1,86 @@
+---
+title: Using Zero One AI in LobeChat
+description: >-
+  Learn how to integrate and use Zero One AI in LobeChat with step-by-step
+  instructions. Obtain an API key, configure Zero One AI, and start
+  conversations with AI models.
+tags:
+  - 01.AI
+  - Zero One AI
+  - LobeChat
+  - AI integration
+  - API key
+  - AI models
+---
+
+# Using Zero One AI in LobeChat
+
+<Image
+  alt={'Using Zero One AI in LobeChat'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/4485fbc3-c309-4c4e-83ee-cb82392307a1'}
+/>
+
+[Zero One AI](https://www.01.ai/) is a global company dedicated to AI 2.0 large model technology and applications. Its billion-parameter Yi-Large closed-source model, when evaluated on Stanford University's English ranking AlpacaEval 2.0, is on par with GPT-4.
+
+This document will guide you on how to use Zero One AI in LobeChat:
+
+<Steps>
+
+### Step 1: Obtain Zero One AI API Key
+
+- Register and log in to the [Zero One AI Large Model Open Platform](https://platform.lingyiwanwu.com/)
+- Go to the `Dashboard` and access the `API Key Management` menu
+- A system-generated API key has been created for you automatically, or you can create a new one on this interface
+
+<Image
+  alt={'Create Zero One AI API Key'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/72f165f4-d529-4f01-a3ac-163c66e5ea73'}
+/>
+
+- Account verification is required for first-time use
+
+<Image
+  alt={'Complete Account Verification'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/e6058456-8f9d-40c1-9ae5-1e9d5eeb9476'}
+/>
+
+- Click on the created API key
+- Copy and save the API key in the pop-up dialog box
+
+<Image
+  alt={'Save API Key'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/f892fe64-c734-4944-91ff-9916a41bd1c9'}
+/>
+
+### Step 2: Configure Zero One AI in LobeChat
+
+- Access the `Settings` interface in LobeChat
+- Find the setting for `Zero One AI` under `Language Model`
+
+<Image
+  alt={'Enter API Key'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/f539d104-6d64-4cc7-8781-3b36b00d32d0'}
+/>
+
+- Open Zero One AI and enter the obtained API key
+- Choose a 01.AI model for your AI assistant to start the conversation
+
+<Image
+  alt={'Select 01.AI Model and Start Conversation'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/8bf73498-4649-4c4d-a95b-b68447599781'}
+/>
+
+<Callout type={'warning'}>
+  During usage, you may need to pay the API service provider. Please refer to Zero One AI's relevant
+  fee policies.
+</Callout>
+
+</Steps>
+
+You can now use the models provided by Zero One AI for conversations in LobeChat.

package/docs/usage/providers/01ai.zh-CN.mdx

@@ -0,0 +1,85 @@
+---
+title: 在 LobeChat 中使用 01.AI 零一万物
+description: >-
+  学习如何在 LobeChat 中配置并使用 01.AI 零一万物提供的 AI 模型进行对话。获取 API 密钥、填入设置项、选择模型，开始与 AI
+  助手交流。
+tags:
+  - LobeChat
+  - 01.AI
+  - Zero One AI
+  - 零一万物
+  - AI模型
+  - API密钥
+  - 配置指南
+---
+
+# 在 LobeChat 中使用零一万物
+
+<Image
+  alt={'在 LobeChat 中使用零一万物'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/4485fbc3-c309-4c4e-83ee-cb82392307a1'}
+/>
+
+[零一万物](https://www.01.ai/)是一家致力于AI 2.0大模型技术和应用的全球公司，其发布的千亿参数的Yi-Large闭源模型，在斯坦福大学的英语排行AlpacaEval 2.0上，与GPT-4互有第一。
+
+本文档将指导你如何在 LobeChat 中使用零一万物:
+
+<Steps>
+
+### 步骤一：获取零一万物 API 密钥
+
+- 注册并登录 [零一万物大模型开放平台](https://platform.lingyiwanwu.com/)
+- 进入`工作台`并访问`API Key管理`菜单
+- 系统已为你自动创建了一个 API 密钥，你也可以在此界面创建新的 API 密钥
+
+<Image
+  alt={'创建零一万物 API 密钥'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/72f165f4-d529-4f01-a3ac-163c66e5ea73'}
+/>
+
+- 初次使用时需要完成账号认证
+
+<Image
+  alt={'完成账号认证'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/e6058456-8f9d-40c1-9ae5-1e9d5eeb9476'}
+/>
+
+- 点击创建好的 API 密钥
+- 在弹出的对话框中复制并保存 API 密钥
+
+<Image
+  alt={'保存 API 密钥'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/f892fe64-c734-4944-91ff-9916a41bd1c9'}
+/>
+
+### 步骤二：在LobeChat 中配置零一万物
+
+- 访问 LobeChat 的`设置`界面
+- 在`语言模型`下找到`零一万物`的设置项
+
+<Image
+  alt={'填入 API 密钥'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/f539d104-6d64-4cc7-8781-3b36b00d32d0'}
+/>
+
+- 打开零一万物并填入获得的 API 密钥
+- 为你的 AI 助手选择一个 01.AI 的模型即可开始对话
+
+<Image
+  alt={'选择01.AI模型并开始对话'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/8bf73498-4649-4c4d-a95b-b68447599781'}
+/>
+
+<Callout type={'warning'}>
+  在使用过程中你可能需要向 API 服务提供商付费，请参考零一万物的相关费用政策。
+</Callout>
+
+</Steps>
+
+至此你已经可以在 LobeChat 中使用零一万物提供的模型进行对话了。

package/docs/usage/providers/anthropic.mdx

@@ -0,0 +1,79 @@
+---
+title: Using Anthropic Claude in LobeChat - Guide to Anthropic Claude API Integration
+description: >-
+  Learn how to integrate Anthropic Claude API in LobeChat to enhance your AI
+  assistant capabilities. Follow the steps to obtain the API key and configure
+  the model for seamless conversations.
+tags:
+  - Anthropic Claude
+  - LobeChat
+  - API integration
+  - AI assistant
+  - Conversation models
+---
+
+# 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'}
+/>
+
+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
+
+- 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'}
+/>
+
+<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).
+
+<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
+
+- 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'}
+/>
+
+- 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>
+
+</Steps>
+
+You can now engage in conversations using the models provided by Anthropic Claude in LobeChat.

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

@@ -0,0 +1,74 @@
+---
+title: 在 LobeChat 中使用 Anthropic Claude
+description: 学习如何在 LobeChat 中配置和使用 Anthropic Claude API，包括获取 API 密钥和设置账单，以及选择模型开始对话。
+tags:
+  - LobeChat
+  - Anthropic Claude
+  - API
+  - 语言模型
+  - AI助手
+---
+
+# 在 LobeChat 中使用 Anthropic Claude
+
+<Image
+  alt={'在 LobeChat 中使用 Anthropic Claude'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/620b956b-dcb2-442a-8bb1-9aa22681dfa4'}
+/>
+
+Anthropic Claude API 现在可供所有人使用, 本文档将指导你如何在 LobeChat 中使用 [Anthropic Claude](https://www.anthropic.com/api):
+
+<Steps>
+
+### 步骤一：获取 Anthropic Claude API 密钥
+
+- 创建一个 [Anthropic Claude API](https://www.anthropic.com/api) 帐户
+- 获取您的 [API 密钥](https://console.anthropic.com/settings/keys)
+
+<Image
+  alt={'创建 API Key'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/15e09e71-5899-4805-9c5e-1f7c57be04ae'}
+/>
+
+<Callout type={'warning'}>
+  Claude API 现在提供 5 美元的免费积分，但是，它仅适用于某些特定国家/地区，您可以转到 Dashboard >
+  Claim 查看它是否适用于您所在的国家/地区。
+</Callout>
+
+- 设置您的账单，让 API 密钥在 https://console.anthropic.com/settings/plans 上工作（选择“生成”计划，以便您可以添加积分并仅为使用量付费）
+
+<Image
+  alt={'设置您的账单'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/385f663f-cae2-4383-9bb0-52c45e5d7d7a'}
+/>
+
+### 步骤二：在 LobeChat 中配置 Anthropic Claude
+
+- 访问 LobeChat 的`设置`界面
+- 在`语言模型`下找到`Anthropic Claude`的设置项
+
+<Image
+  alt={'填入 API 密钥'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/ff9c3eb8-412b-4275-80be-177ae7b7acbc'}
+/>
+
+- 填入获得的 API 密钥
+- 为你的 AI 助手选择一个 Anthropic Claude 的模型即可开始对话
+
+<Image
+  alt={'选择 Anthropic Claude 模型并开始对话'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/6cdc5c0e-0508-44ed-a283-03f6b538ed8a'}
+/>
+
+<Callout type={'warning'}>
+  在使用过程中你可能需要向 API 服务提供商付费，请参考 Anthropic Claude 的相关费用政策。
+</Callout>
+
+</Steps>
+
+至此你已经可以在 LobeChat 中使用 Anthropic Claude 提供的模型进行对话了。