📝 docs: update docs for providers (#6722)

* 📝 docs: update docs for providers

* 📝 docs: update provider doc

* docs: add doc for cloudflare

* 📝 docs: update provider docs

* 📝 docs: Update provider docs

* 🔧 chore: Update provider url

* 📝 docs: Update provider docs

* 📝 docs: Update provider docs

---------

Co-authored-by: GH Action - Upstream Sync <[email protected]>

Author: tcmonster

docs/usage/providers/ppio.mdx

@@ -18,14 +18,14 @@ tags:
 
 <Image alt={'Using PPIO in LobeChat'} cover src={'https://github.com/user-attachments/assets/d0a5e152-160a-4862-8393-546f4e2e5387'} />
 
-[PPIO](https://ppinfra.com/user/register?invited_by=RQIMOC) supports stable and cost-efficient open-source LLM APIs, such as DeepSeek, Llama, Qwen etc.
+[PPIO](https://ppinfra.com/user/register?invited_by=RQIMOC&utm_source=github_lobechat) supports stable and cost-efficient open-source LLM APIs, such as DeepSeek, Llama, Qwen etc.
 
 This document will guide you on how to integrate PPIO in LobeChat:
 
 <Steps>
   ### Step 1: Register and Log in to PPIO
 
-  - Visit [PPIO](https://ppinfra.com/user/register?invited_by=RQIMOC) and create an account
+  - Visit [PPIO](https://ppinfra.com/user/register?invited_by=RQIMOC&utm_source=github_lobechat) and create an account
   - Upon registration, PPIO will provide a ￥5 credit (about 5M tokens).
 
   <Image alt={'Register PPIO'} height={457} inStep src={'https://github.com/user-attachments/assets/7cb3019b-78c1-48e0-a64c-a6a4836affd9'} />
@@ -41,16 +41,16 @@ This document will guide you on how to integrate PPIO in LobeChat:
   - Visit the `Settings` interface in LobeChat
   - Find the setting for `PPIO` under `Language Model`
 
-  <Image alt={'Enter PPIO API key in LobeChat'} inStep src={'https://github.com/user-attachments/assets/000d6a5b-f8d4-4fd5-84cd-31556c5c1efd'} />
+  <Image alt={'Enter PPIO API key in LobeChat'} inStep src={'https://github.com/user-attachments/assets/9b70b292-6c52-4715-b844-ff5df78d16b9'} />
 
   - Open PPIO and enter the obtained API key
   - Choose a PPIO model for your assistant to start the conversation
 
-  <Image alt={'Select and use PPIO model'} inStep src={'https://github.com/user-attachments/assets/207888f1-df21-4063-8e66-97b0d9cfa02e'} />
+  <Image alt={'Select and use PPIO model'} inStep src={'https://github.com/user-attachments/assets/b824b741-f2d8-42c8-8cb9-1266862affa7'} />
 
   <Callout type={'warning'}>
     During usage, you may need to pay the API service provider, please refer to PPIO's [pricing
-    policy](https://ppinfra.com/llm-api?utm_source=github_lobe-chat\&utm_medium=github_readme\&utm_campaign=link).
+    policy](https://ppinfra.com/llm-api?utm_source=github_lobe-chat&utm_medium=github_readme&utm_campaign=link).
   </Callout>
 </Steps>
 

docs/usage/providers/ppio.zh-CN.mdx

@@ -17,14 +17,14 @@ tags:
 
 <Image alt={'在 LobeChat 中使用 PPIO'} cover src={'https://github.com/user-attachments/assets/d0a5e152-160a-4862-8393-546f4e2e5387'} />
 
-[PPIO 派欧云](https://ppinfra.com/user/register?invited_by=RQIMOC)提供稳定、高性价比的开源模型 API 服务，支持 DeepSeek 全系列、Llama、Qwen 等行业领先大模型。
+[PPIO 派欧云](https://ppinfra.com/user/register?invited_by=RQIMOC&utm_source=github_lobechat)提供稳定、高性价比的开源模型 API 服务，支持 DeepSeek 全系列、Llama、Qwen 等行业领先大模型。
 
 本文档将指导你如何在 LobeChat 中使用 PPIO:
 
 <Steps>
   ### 步骤一：注册 PPIO 派欧云账号并登录
 
-  - 访问 [PPIO 派欧云](https://ppinfra.com/user/register?invited_by=RQIMOC) 并注册账号
+  - 访问 [PPIO 派欧云](https://ppinfra.com/user/register?invited_by=RQIMOC&utm_source=github_lobechat) 并注册账号
   - 注册后，PPIO 会赠送 5 元（约 500 万 tokens）的使用额度
 
   <Image alt={'注册 PPIO'} height={457} inStep src={'https://github.com/user-attachments/assets/7cb3019b-78c1-48e0-a64c-a6a4836affd9'} />
@@ -41,15 +41,15 @@ tags:
   - 在 `语言模型` 下找到 `PPIO` 的设置项
   - 打开 PPIO 并填入获得的 API 密钥
 
-  <Image alt={'在 LobeChat 中输入 PPIO API 密钥'} inStep src={'https://github.com/user-attachments/assets/4eaadac7-595c-41ad-a6e0-64c3105577d7'} />
+  <Image alt={'在 LobeChat 中输入 PPIO API 密钥'} inStep src={'https://github.com/user-attachments/assets/9b70b292-6c52-4715-b844-ff5df78d16b9'} />
 
-  - 为你的助手选择一个 Novita AI 模型即可开始对话
+  - 为你的助手选择一个 PPIO 模型即可开始对话
 
-  <Image alt={'选择并使用 PPIO 模型'} inStep src={'https://github.com/user-attachments/assets/8cf66e00-04fe-4bad-9e3d-35afc7d9aa58'} />
+  <Image alt={'选择并使用 PPIO 模型'} inStep src={'https://github.com/user-attachments/assets/b824b741-f2d8-42c8-8cb9-1266862affa7'} />
 
   <Callout type={'warning'}>
-    在使用过程中你可能需要向 API 服务提供商付费，PPIO 的 API 费用参考[这里](https://ppinfra.com/llm-api?utm_source=github_lobe-chat\&utm_medium=github_readme\&utm_campaign=link)。
+    在使用过程中你可能需要向 API 服务提供商付费，PPIO 的 API 费用参考[这里](https://ppinfra.com/llm-api?utm_source=github_lobe-chat&utm_medium=github_readme&utm_campaign=link)。
   </Callout>
 </Steps>
 
-至此你已经可以在 LobeChat 中使用 Novita AI 提供的模型进行对话了。
+至此你已经可以在 LobeChat 中使用 PPIO 提供的模型进行对话了。

src/config/modelProviders/ppio.ts

@@ -243,7 +243,7 @@ const PPIO: ModelProviderCard = {
     sdkType: 'openai',
     showModelFetcher: true,
   },
-  url: 'https://ppinfra.com/user/register?invited_by=RQIMOC',
+  url: 'https://ppinfra.com/user/register?invited_by=RQIMOC&utm_source=github_lobechat',
 };
 
 export default PPIO;