@lobehub/chat 1.2.0 → 1.2.2

package/docs/usage/providers/openrouter.mdx

@@ -0,0 +1,110 @@
+---
+title: Using OpenRouter API Key in LobeChat
+description: >-
+  Learn how to integrate and utilize OpenRouter's language model APIs in
+  LobeChat. Follow these steps to register, create an API key, recharge credit,
+  and configure OpenRouter for seamless conversations.
+tags:
+  - OpenRouter
+  - LobeChat
+  - API Key
+  - Web UI
+---
+
+# Using OpenRouter in LobeChat
+
+<Image
+  alt={'Using OpenRouter in LobeChat'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/40520a43-ac03-4954-8a4d-282fbb946066'}
+/>
+
+[OpenRouter](https://openrouter.ai/) is a service that provides a variety of excellent large language model APIs, supporting models such as OpenAI (including GPT-3.5/4), Anthropic (Claude2, Instant), LLaMA 2, and PaLM Bison.
+
+This document will guide you on how to use OpenRouter in LobeChat:
+
+<Steps>
+
+### Step 1: Register and Log in to OpenRouter
+
+- Visit [OpenRouter.ai](https://openrouter.ai/) and create an account
+- You can log in using your Google account or MetaMask wallet
+
+<Image
+  alt={'Register OpenRouter'}
+  height={457}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/a024af40-e1d9-4df0-b998-0e6e87cebe5b'}
+/>
+
+### Step 2: Create an API Key
+
+- Go to the `Keys` menu or visit [OpenRouter Keys](https://openrouter.ai/keys) directly
+- Click on `Create Key` to start the creation process
+- Name your API key in the pop-up dialog, for example, "LobeChat Key"
+- Leave the `Credit limit` blank to indicate no amount limit
+
+<Image
+  alt={'Create OpenRouter Key'}
+  height={460}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/094d701f-ce80-464a-bbbc-0a5ecc8d08e3'}
+/>
+
+- Copy the API key from the pop-up dialog and save it securely
+
+<Image
+  alt={'Get OpenRouter Key'}
+  height={519}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/7a012a11-87bd-4366-a567-0ebf6d12ae10'}
+/>
+
+<Callout type={'warning'}>
+  Please store the key securely as it will only appear once. If you lose it accidentally, you will
+  need to create a new key.
+</Callout>
+
+### Step 3: Recharge Credit
+
+- Go to the `Credit` menu or visit [OpenRouter Credit](https://openrouter.ai/credits) directly
+- Click on `Manage Credits` to recharge your credit, you can check model prices at [https://openrouter.ai/models](https://openrouter.ai/models)
+- OpenRouter provides some free models that can be used without recharging
+
+<Image
+  alt={'Recharge OpenRouter Credit'}
+  height={385}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/50b73232-01fc-4ef0-939a-3e06354d1b5a'}
+/>
+
+### Step 4: Configure OpenRouter in LobeChat
+
+- Visit the `Settings` interface in LobeChat
+- Find the setting for `OpenRouter` under `Language Models`
+- Enable OpenRouter and enter the API key you obtained
+
+<Image
+  alt={'Configure OpenRouter in LobeChat'}
+  height={518}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/5c3898ab-23d7-44c2-bbd9-b255e25e400c'}
+/>
+
+- Choose an OpenRouter model for your assistant to start the conversation
+
+<Image
+  alt={'Use OpenRouter model'}
+  height={518}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/77b5feee-3f46-486d-9a36-31ff60efa5e9'}
+/>
+
+<Callout type={'warning'}>
+  You may need to pay the API service provider during usage, please refer to OpenRouter's relevant
+  fee policies.
+</Callout>
+
+</Steps>
+
+You can now engage in conversations using the models provided by OpenRouter in LobeChat.

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

@@ -0,0 +1,104 @@
+---
+title: 在 LobeChat 中使用 OpenRouter API Key
+description: 学习如何在 LobeChat 中注册、创建 API Key、充值信用额度并配置 OpenRouter，以便开始使用多种优秀大语言模型 API。
+tags:
+  - OpenRouter
+  - API Key
+  - Web UI
+---
+
+# 在 LobeChat 中使用 OpenRouter
+
+<Image
+  alt={'在 LobeChat 中使用 OpenRouter'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/40520a43-ac03-4954-8a4d-282fbb946066'}
+/>
+
+[OpenRouter](https://openrouter.ai/) 是一个提供多种优秀大语言模型 API 的服务，它支持 OpenAI (包括 GPT-3.5/4)、Anthropic (Claude2、Instant)、LLaMA 2 和 PaLM Bison 等众多模型。
+
+本文档将指导你如何在 LobeChat 中使用 OpenRouter:
+
+<Steps>
+
+### 步骤一：注册 OpenRouter 账号并登录
+
+- 访问 [OpenRouter.ai](https://openrouter.ai/) 并创建一个账号
+- 你可以用 Google 账号或 MetaMask 钱包登录
+
+<Image
+  alt={'注册 OpenRouter'}
+  height={457}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/a024af40-e1d9-4df0-b998-0e6e87cebe5b'}
+/>
+
+### 步骤二：创建 API 密钥
+
+- 进入 `Keys` 菜单或直接访问 [OpenRouter Keys](https://openrouter.ai/keys)
+- 点击 `Create Key` 开始创建
+- 在弹出对话框中为 API 密钥取一个名字，例如 "LobeChat Key"
+- 留空 `Credit limit` 表示不设置金额限制
+
+<Image
+  alt={'创建 OpenRouter Key'}
+  height={460}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/094d701f-ce80-464a-bbbc-0a5ecc8d08e3'}
+/>
+
+- 在弹出的对话框中复制 API 密钥，并妥善保存
+
+<Image
+  alt={'获取 OpenRouter Key'}
+  height={519}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/7a012a11-87bd-4366-a567-0ebf6d12ae10'}
+/>
+
+<Callout type={'warning'}>
+  请安全地存储密钥，因为它只会出现一次。如果您意外丢失它，您将需要创建一个新密钥。
+</Callout>
+
+### 步骤三：充值信用额度
+
+- 进入 `Credit` 菜单，或直接访问 [OpenRouter Credit](https://openrouter.ai/credits)
+- 点击 `Manage Credits` 充值信用额度，在 [https://openrouter.ai/models](https://openrouter.ai/models) 中可以查看模型价格
+- OpenRouter 提供了一些免费模型，未充值的情况下可以使用
+
+<Image
+  alt={'充值 OpenRouter 信用额度'}
+  height={385}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/50b73232-01fc-4ef0-939a-3e06354d1b5a'}
+/>
+
+### 步骤四：在 LobeChat 中配置 OpenRouter
+
+- 访问 LobeChat 的 `设置` 界面
+- 在 `语言模型` 下找到 `OpenRouter` 的设置项
+- 打开 OpenRouter 并填入获得的 API 密钥
+
+<Image
+  alt={'在 LobeChat 中配置 OpenRouter'}
+  height={518}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/5c3898ab-23d7-44c2-bbd9-b255e25e400c'}
+/>
+
+- 为你的助手选择一个 OpenRouter 模型即可开始对话
+
+<Image
+  alt={'使用 OpenRouter 模型'}
+  height={518}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/77b5feee-3f46-486d-9a36-31ff60efa5e9'}
+/>
+
+<Callout type={'warning'}>
+  在使用过程中你可能需要向 API 服务提供商付费，请参考 OpenRouter 的相关费用政策。
+</Callout>
+
+</Steps>
+
+至此你已经可以在 LobeChat 中使用 OpenRouter 提供的模型进行对话了。

package/docs/usage/providers/perplexity.mdx

@@ -0,0 +1,62 @@
+---
+title: Using Perplexity AI API Key in LobeChat
+description: >-
+  Learn how to integrate and use Perplexity AI in LobeChat to enhance your AI
+  assistant's capabilities.
+tags:
+  - Perplexity AI
+  - API key
+  - Web UI
+---
+
+# Using Perplexity AI in LobeChat
+
+<Image
+  alt={'Using Perplexity AI in LobeChat'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/0c2c399f-2ed3-44b5-97c8-53e007e8c095'}
+/>
+
+The Perplexity AI API is now available for everyone to use. This document will guide you on how to use [Perplexity AI](https://www.perplexity.ai/) in LobeChat:
+
+<Steps>
+
+### Step 1: Obtain Perplexity AI API Key
+
+- Create a [Perplexity AI](https://www.perplexity.ai/) account
+- Obtain your [API key](https://www.perplexity.ai/settings/api)
+
+<Image
+  alt={'Create API Key'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/80e22593-dc0f-482c-99bf-69acdb62d952'}
+/>
+
+### Step 2: Configure Perplexity AI in LobeChat
+
+- Go to the `Settings` interface in LobeChat
+- Find the setting for `Perplexity AI` under `Language Model`
+
+<Image
+  alt={'Enter API Key'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/51f8f8f6-5d8a-4cf0-a2e5-d96c69fe05b8'}
+/>
+
+- Enter the API key you obtained
+- Choose a Perplexity AI model for your AI assistant to start the conversation
+
+<Image
+  alt={'Select Perplexity AI model and start conversation'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/e6a429cb-96e1-4e85-9aa3-1334ffcad8c0'}
+/>
+
+<Callout type={'warning'}>
+  During usage, you may need to pay the API service provider. Please refer to Perplexity AI's
+  relevant pricing policies.
+</Callout>
+
+</Steps>
+
+You can now engage in conversations using the models provided by Perplexity AI in LobeChat.

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

@@ -0,0 +1,59 @@
+---
+title: 在 LobeChat 中使用 Perplexity AI API Key
+description: 学习如何在 LobeChat 中配置和使用 Perplexity AI，获取 API 密钥并选择适合的语言模型开始对话。
+tags:
+  - Perplexity AI
+  - API key
+  - Web UI
+---
+
+# 在 LobeChat 中使用 Perplexity AI
+
+<Image
+  alt={'在 LobeChat 中使用 Perplexity AI'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/0c2c399f-2ed3-44b5-97c8-53e007e8c095'}
+/>
+
+Perplexity AI API 现在可供所有人使用, 本文档将指导你如何在 LobeChat 中使用 [Perplexity AI](https://www.perplexity.ai/):
+
+<Steps>
+
+### 步骤一：获取 Perplexity AI API 密钥
+
+- 创建一个 [Perplexity AI](https://www.perplexity.ai/) 帐户
+- 获取您的 [API 密钥](https://www.perplexity.ai/settings/api)
+
+<Image
+  alt={'创建 API Key'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/80e22593-dc0f-482c-99bf-69acdb62d952'}
+/>
+
+### 步骤二：在 LobeChat 中配置 Perplexity AI
+
+- 访问 LobeChat 的`设置`界面
+- 在`语言模型`下找到`Perplexity AI`的设置项
+
+<Image
+  alt={'填入 API 密钥'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/51f8f8f6-5d8a-4cf0-a2e5-d96c69fe05b8'}
+/>
+
+- 填入获得的 API 密钥
+- 为你的 AI 助手选择一个 Perplexity AI 的模型即可开始对话
+
+<Image
+  alt={'选择 Perplexity AI 模型并开始对话'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/17870709/e6a429cb-96e1-4e85-9aa3-1334ffcad8c0'}
+/>
+
+<Callout type={'warning'}>
+  在使用过程中你可能需要向 API 服务提供商付费，请参考 Perplexity AI 的相关费用政策。
+</Callout>
+
+</Steps>
+
+至此你已经可以在 LobeChat 中使用 Perplexity AI 提供的模型进行对话了。

package/docs/usage/providers/qwen.mdx

@@ -0,0 +1,92 @@
+---
+title: Using Qwen2 API Key in LobeChat
+description: >-
+  Learn how to integrate and utilize Tongyi Qianwen, a powerful language model
+  by Alibaba Cloud, in LobeChat for various tasks. Follow the steps to activate
+  the service, obtain the API key, and configure Tongyi Qianwen for seamless
+  interaction.
+tags:
+  - Tongyi Qianwen
+  - Alibaba Cloud
+  - DashScope
+  - API key
+  - Web UI
+---
+
+# Using Tongyi Qianwen in LobeChat
+
+<Image
+  alt={'Using Tongyi Qianwen in LobeChat'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/4e057b43-1e3e-4e96-a948-7cdbff303dcb'}
+/>
+
+[Tongyi Qianwen](https://tongyi.aliyun.com/) is a large-scale language model independently developed by Alibaba Cloud, with powerful natural language understanding and generation capabilities. It can answer various questions, create text content, express opinions, write code, and play a role in multiple fields.
+
+This document will guide you on how to use Tongyi Qianwen in LobeChat:
+
+<Steps>
+
+### Step 1: Activate DashScope Model Service
+
+- Visit and log in to Alibaba Cloud's [DashScope](https://dashscope.console.aliyun.com/) platform.
+- If it is your first time, you need to activate the DashScope service.
+- If you have already activated it, you can skip this step.
+
+<Image
+  alt={'Activate DashScope service'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/4f8d0102-7ca7-4f23-b96f-3fc5cf2cd66e'}
+/>
+
+### Step 2: Obtain DashScope API Key
+
+- Go to the `API-KEY` interface and create an API key.
+
+<Image
+  alt={'Create Tongyi Qianwen API key'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/eee046cb-189b-4635-ac94-19d50b17a18a'}
+/>
+
+- Copy the API key from the pop-up dialog box and save it securely.
+
+<Image
+  alt={'Copy Tongyi Qianwen API key'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/cec2e032-54e1-49b1-a212-4d9736927156'}
+/>
+
+<Callout type={'warning'}>
+  Please store the key securely as it will only appear once. If you accidentally lose it, you will
+  need to create a new key.
+</Callout>
+
+### Step 3: Configure Tongyi Qianwen in LobeChat
+
+- Visit the `Settings` interface in LobeChat.
+- Find the setting for `Tongyi Qianwen` under `Language Model`.
+
+<Image
+  alt={'Enter API key'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/c2e6a58b-95eb-4f40-8add-83f4316a719b'}
+/>
+
+- Open Tongyi Qianwen and enter the obtained API key.
+- Choose a Qwen model for your AI assistant to start the conversation.
+
+<Image
+  alt={'Select Qwen model and start conversation'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/f4a23c2a-503e-4731-bc4d-922bce0b6039'}
+/>
+
+<Callout type={'warning'}>
+  During usage, you may need to pay the API service provider. Please refer to Tongyi Qianwen's
+  relevant pricing policies.
+</Callout>
+
+</Steps>
+
+You can now engage in conversations using the models provided by Tongyi Qianwen in LobeChat.

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

@@ -0,0 +1,87 @@
+---
+title: 在 LobeChat 中使用通义千问 API Key
+description: 学习如何在 LobeChat 中配置和使用阿里云的通义千问模型，提供强大的自然语言理解和生成能力。
+tags:
+  - LobeChat
+  - 通义千问
+  - DashScope
+  - DashScope
+  - API key
+  - Web UI
+---
+
+# 在 LobeChat 中使用通义千问
+
+<Image
+  alt={'在 LobeChat 中使用通义千问'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/4e057b43-1e3e-4e96-a948-7cdbff303dcb'}
+/>
+
+[通义千问](https://tongyi.aliyun.com/)是阿里云自主研发的超大规模语言模型,具有强大的自然语言理解和生成能力。它可以回答各种问题、创作文字内容、表达观点看法、撰写代码等,在多个领域发挥作用。
+
+本文档将指导你如何在 LobeChat 中使用通义千问:
+
+<Steps>
+
+### 步骤一：开通 DashScope 模型服务
+
+- 访问并登录阿里云 [DashScope](https://dashscope.console.aliyun.com/) 平台
+- 初次进入时需要开通 DashScope 服务
+- 若你已开通，可跳过该步骤
+
+<Image
+  alt={'开通 DashScope 服务'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/4f8d0102-7ca7-4f23-b96f-3fc5cf2cd66e'}
+/>
+
+### 步骤二：获取 DashScope API 密钥
+
+- 进入`API-KEY` 界面，并创建一个 API 密钥
+
+<Image
+  alt={'创建通义千问 API 密钥'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/eee046cb-189b-4635-ac94-19d50b17a18a'}
+/>
+
+- 在弹出的对话框中复制 API 密钥，并妥善保存
+
+<Image
+  alt={'复制通义千问 API 密钥'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/cec2e032-54e1-49b1-a212-4d9736927156'}
+/>
+
+<Callout type={'warning'}>
+  请安全地存储密钥，因为它只会出现一次。如果您意外丢失它，您将需要创建一个新密钥。
+</Callout>
+
+### 步骤三：在LobeChat 中配置通义千问
+
+- 访问 LobeChat 的`设置`界面
+- 在`语言模型`下找到`通义千问`的设置项
+
+<Image
+  alt={'填写 API 密钥'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/c2e6a58b-95eb-4f40-8add-83f4316a719b'}
+/>
+
+- 打开通义千问并填入获得的 API 密钥
+- 为你的 AI 助手选择一个 Qwen 的模型即可开始对话
+
+<Image
+  alt={'选择 Qwen 模型并开始对话'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/f4a23c2a-503e-4731-bc4d-922bce0b6039'}
+/>
+
+<Callout type={'warning'}>
+  在使用过程中你可能需要向 API 服务提供商付费，请参考通义千问的相关费用政策。
+</Callout>
+
+</Steps>
+
+至此你已经可以在 LobeChat 中使用通义千问提供的模型进行对话了。

package/docs/usage/providers/stepfun.mdx

@@ -0,0 +1,66 @@
+---
+title: Using Stepfun API Key in LobeChat
+description: >-
+  Learn how to integrate Stepfun AI models into LobeChat for engaging
+  conversations. Obtain Stepfun API key, configure Stepfun in LobeChat settings,
+  and select a model to start chatting.
+tags:
+  - Stepfun
+  - API key
+  - Web UI
+---
+
+# Using Stepfun in LobeChat
+
+<Image
+  alt={'Using Stepfun in LobeChat'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/95717e2b-1a55-4fca-a96b-b1c186ed4563'}
+/>
+
+[Stepfun](https://www.stepfun.com/) is a startup focusing on the research and development of Artificial General Intelligence (AGI). They have released the Step-1 billion-parameter language model, Step-1V billion-parameter multimodal model, and the Step-2 trillion-parameter MoE language model preview.
+
+This document will guide you on how to use Stepfun in LobeChat:
+
+<Steps>
+
+### Step 1: Obtain Stepfun API Key
+
+- Visit and log in to the [Stepfun Open Platform](https://platform.stepfun.com/)
+- Go to the `API Key` menu, where the system has already created an API key for you
+- Copy the created API key
+
+<Image
+  alt={'Obtain Stepfun API Key'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/33d8ce3b-0083-48aa-9a66-3825e726c4de'}
+/>
+
+### Step 2: Configure Stepfun in LobeChat
+
+- Visit the `Settings` interface in LobeChat
+- Find the setting for Stepfun under `Language Models`
+
+<Image
+  alt={'Enter API Key'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/470e5669-650b-46cf-8024-a1476c166059'}
+/>
+
+- Open Stepfun and enter the obtained API key
+- Choose a Stepfun model for your AI assistant to start the conversation
+
+<Image
+  alt={'Select Stepfun model and start conversation'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/0275a552-f189-42b5-bf40-f9891c428b3d'}
+/>
+
+<Callout type={'warning'}>
+  During usage, you may need to pay the API service provider, please refer to Stepfun's relevant
+  pricing policies.
+</Callout>
+
+</Steps>
+
+You can now use the models provided by Stepfun to have conversations in LobeChat.

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

@@ -0,0 +1,62 @@
+---
+title: 在 LobeChat 中使用 Stepfun 阶跃星辰 API Key
+description: 学习如何在 LobeChat 中配置和使用 Stepfun 阶跃星辰的人工智能模型，包括获取 API Key 和选择模型开始对话。
+tags:
+  - Stepfun 阶跃星辰
+  - API key
+  - Web UI
+---
+
+# 在 LobeChat 中使用 Stepfun 阶跃星辰
+
+<Image
+  alt={'在 LobeChat 中使用 Stepfun 阶跃星辰'}
+  cover
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/95717e2b-1a55-4fca-a96b-b1c186ed4563'}
+/>
+
+[Stepfun 阶跃星辰](https://www.stepfun.com/)是一家专注于通用人工智能(AGI)研发的创业公司，目前已推出Step-1千亿参数语言大模型、Step-1V千亿参数多模态大模型,以及Step-2万亿参数MoE语言大模型预览版。
+
+本文档将指导你如何在 LobeChat 中使用 Stepfun 阶跃星辰:
+
+<Steps>
+
+### 步骤一：获取 Stepfun 阶跃星辰 API 密钥
+
+- 访问并登录 [Stepfun Stepfun 阶跃星辰开放平台](https://platform.stepfun.com/)
+- 进入`接口密钥`菜单，系统已为你创建好 API 密钥
+- 复制已创建的 API 密钥
+
+<Image
+  alt={'获取 Stepfun 阶跃星辰API密钥'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/33d8ce3b-0083-48aa-9a66-3825e726c4de'}
+/>
+
+### 步骤二：在LobeChat 中配置 Stepfun Stepfun 阶跃星辰
+
+- 访问 LobeChat 的`设置`界面
+- 在`语言模型`下找到` Stepfun 阶跃星辰`的设置项
+
+<Image
+  alt={'填写 API 密钥'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/470e5669-650b-46cf-8024-a1476c166059'}
+/>
+
+- 打开 Stepfun 阶跃星辰并填入获得的 API 密钥
+- 为你的 AI 助手选择一个 Stepfun 阶跃星辰的模型即可开始对话
+
+<Image
+  alt={'选择 Stepfun 阶跃星辰模型并开始对话'}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/34400653/0275a552-f189-42b5-bf40-f9891c428b3d'}
+/>
+
+<Callout type={'warning'}>
+  在使用过程中你可能需要向 API 服务提供商付费，请参考 Stepfun 阶跃星辰的相关费用政策。
+</Callout>
+
+</Steps>
+
+至此你已经可以在 LobeChat 中使用 Stepfun 阶跃星辰提供的模型进行对话了。