@lobehub/chat 1.44.3 → 1.45.0

package/docs/self-hosting/server-database/vercel.zh-CN.mdx

@@ -17,37 +17,34 @@ tags:
 本文将详细介绍如何在 Vercel 中部署服务端数据库版 LobeChat，包括： 1）数据库配置；2）身份验证服务配置；3） S3 存储服务的设置步骤。
 
 <Callout type={'warning'}>
-  进行后续操作前，请务必确认以下事项： -
-  导出所有数据，部署服务端数据库后，原有用户数据无法自动迁移，只能提前备份后进行手动导入！ -
-  环境变量中的`ACCESS_CODE`未设置或已清除！ -
-  配置服务端数据库所需要的环境变量时，需全部填入后再进行部署，否则可能遭遇数据库迁移问题！
+  进行后续操作前，请务必确认以下事项：
+
+  - 导出所有数据，部署服务端数据库后，原有用户数据无法自动迁移，只能提前备份后进行手动导入！
+  - 环境变量中的`ACCESS_CODE`未设置或已清除！
+  - 配置服务端数据库所需要的环境变量时，需全部填入后再进行部署，否则可能遭遇数据库迁移问题！
 </Callout>
 
 ## 一、 配置数据库
 
 <Steps>
+  ### 准备服务端数据库实例，获取连接 URL
 
-### 准备服务端数据库实例，获取连接 URL
-
-在部署之前，请确保你已经准备好 Postgres 数据库实例，你可以选择以下任一方式：
+  在部署之前，请确保你已经准备好 Postgres 数据库实例，你可以选择以下任一方式：
 
-- `A.` 使用 Vercel / Neon 等 Serverless Postgres 实例；
-- `B.` 使用 Docker 等自部署 Postgres 实例。
+  - `A.` 使用 Vercel / Neon 等 Serverless Postgres 实例；
+  - `B.` 使用 Docker 等自部署 Postgres 实例。
 
-两者的配置方式略有不同，在下一步会有所区分。
+  两者的配置方式略有不同，在下一步会有所区分。
 
-### 在 Vercel 中添加环境变量
+  ### 在 Vercel 中添加环境变量
 
-在 Vercel 的部署环境变量中，添加 `DATABASE_URL` 等环境变量，将上一步准备好的 Postgres 数据库连接 URL 填入其中。数据库连接 URL 的通常格式为 `postgres://username:password@host:port/database`。
+  在 Vercel 的部署环境变量中，添加 `DATABASE_URL` 等环境变量，将上一步准备好的 Postgres 数据库连接 URL 填入其中。数据库连接 URL 的通常格式为 `postgres://username:password@host:port/database`。
 
   <Tabs items={['Serverless Postgres', 'Node Postgres']}>
-
     <Tab>
-
       <Callout type={'warning'}>
         请确认您的供应商所提供的 `Postgres` 类型，若为 `Node Postgres`，请切换到 `Node Postgres` Tab 。
-
-</Callout>
+      </Callout>
 
       Serverless Postgres 需要填写的变量如下：
 
@@ -61,9 +58,8 @@ tags:
 
       在 Vercel 中填写的示例如下：
 
-      <Image alt={'添加 Serverless Postgres DATABASE_URL'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/d4a710cd-6404-4196-90d0-cd08ca385074'}/>
-
-</Tab>
+      <Image alt={'添加 Serverless Postgres DATABASE_URL'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/d4a710cd-6404-4196-90d0-cd08ca385074'} />
+    </Tab>
 
     <Tab>
       Node Postgres 需要填写的变量如下：
@@ -81,31 +77,28 @@ tags:
 
       在 Vercel 中填写的示例如下：
 
-      <Image alt={'添加 Node Postgres DATABASE_URL'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/1c689738-809b-4199-b305-ba5770d39da7'}/>
+      <Image alt={'添加 Node Postgres DATABASE_URL'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/1c689738-809b-4199-b305-ba5770d39da7'} />
+    </Tab>
+  </Tabs>
 
-</Tab>
+  <Callout type={'info'}>
+    如果希望连接数据库时启用 SSL
+    ，请自行参考[链接](https://stackoverflow.com/questions/14021998/using-psql-to-connect-to-postgresql-in-ssl-mode)进行设置
+  </Callout>
 
-</Tabs>
+  ### 添加 `KEY_VAULTS_SECRET` 环境变量
 
-<Callout type={'info'}>
-  如果希望连接数据库时启用 SSL
-  ，请自行参考[链接](https://stackoverflow.com/questions/14021998/using-psql-to-connect-to-postgresql-in-ssl-mode)进行设置
-</Callout>
-
-### 添加 `KEY_VAULTS_SECRET` 环境变量
-
-在完成数据库 DATABASE_URL 环境变量添加后，需要添加一个 `KEY_VAULTS_SECRET` 环境变量。该变量用于加密用户存储的 apikey 等敏感信息。你可以使用 `openssl rand -base64 32` 生成一个随机的 32 位字符串作为密钥。
-
-```shell
-KEY_VAULTS_SECRET=jgwsK28dspyVQoIf8/M3IIHl1h6LYYceSYNXeLpy6uk=
-```
+  在完成数据库 `DATABASE_URL` 环境变量添加后，需要添加一个 `KEY_VAULTS_SECRET` 环境变量。该变量用于加密用户存储的 apikey 等敏感信息。你可以使用 `openssl rand -base64 32` 生成一个随机的 32 位字符串作为密钥。
 
-同样需要将其添加到 Vercel 环境变量中。
+  ```shell
+  KEY_VAULTS_SECRET=jgwsK28dspyVQoIf8/M3IIHl1h6LYYceSYNXeLpy6uk=
+  ```
 
-### 添加 `APP_URL` 环境变量
+  同样需要将其添加到 Vercel 环境变量中。
 
-该部分最后需要添加 APP_URL 环境变量，用于指定LobeChat 应用的 URL 地址。
+  ### 添加 `APP_URL` 环境变量
 
+  该部分最后需要添加 `APP_UR`L 环境变量，用于指定 LobeChat 应用的 URL 地址。
 </Steps>
 
 ## 二、 配置身份验证服务
@@ -113,81 +106,61 @@ KEY_VAULTS_SECRET=jgwsK28dspyVQoIf8/M3IIHl1h6LYYceSYNXeLpy6uk=
 服务端数据库需要搭配用户身份验证服务才可以正常使用。因此需要配置对应的身份验证服务。
 
 <Steps>
+  ### 准备 Clerk 身份验证服务
 
-### 准备 Clerk 身份验证服务
+  前往 [Clerk](https://clerk.com?utm_source=lobehub\&utm_medium=docs) 注册并创建应用，获取相应的 Public Key 和 Secret Key。
 
-前往 [Clerk](https://clerk.com?utm_source=lobehub&utm_medium=docs) 注册并创建应用，获取相应的 Public Key 和 Secret Key。
+  <Callout type={'info'}>
+    如果对 Clerk 不太了解，可以查阅
+    [身份验证服务 - Clerk](/zh/docs/self-hosting/advanced/authentication#clerk) 了解 Clerk 的使用详情。
+  </Callout>
 
-<Callout type={'info'}>
-  如果对 Clerk 不太了解，可以查阅
-  [身份验证服务-Clerk](/zh/docs/self-hosting/advanced/authentication#clerk) 了解 Clerk 的使用详情。
-</Callout>
+  ### 在 Vercel 中添加公、私钥环境变量
 
-### 在 Vercel 中添加公、私钥环境变量
+  在 Vercel 的部署环境变量中，添加 `NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY` 和 `CLERK_SECRET_KEY` 环境变量。你可以在菜单中点击「API Keys」，然后复制对应的值填入 Vercel 的环境变量中。
 
-在 Vercel 的部署环境变量中，添加 `NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY` 和 `CLERK_SECRET_KEY` 环境变量。你可以在菜单中点击「API Keys」，然后复制对应的值填入 Vercel 的环境变量中。
+  <Image alt={'在 Clerk 中找到对应的公私钥环境变量'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/89883703-7a1a-4a11-b944-5d804544e57c'} />
 
-<Image
-  alt={'在 Clerk 中找到对应的公私钥环境变量'}
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/89883703-7a1a-4a11-b944-5d804544e57c'}
-/>
+  此步骤所需的环境变量如下：
 
-此步骤所需的环境变量如下：
+  ```shell
+  NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_live_xxxxxxxxxxx
+  CLERK_SECRET_KEY=sk_live_xxxxxxxxxxxxxxxxxxxxxx
+  ```
 
-```shell
-NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=pk_live_xxxxxxxxxxx
-CLERK_SECRET_KEY=sk_live_xxxxxxxxxxxxxxxxxxxxxx
-```
-
-添加上述变量到 Vercel 中：
-
-<Image
-  alt={'在 Vercel 中添加 Clerk 公私钥环境变量'}
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/2bfa13df-6e20-4768-97c0-4dad06c85a2f'}
-/>
+  添加上述变量到 Vercel 中：
 
-### 在 Clerk 中创建并配置 Webhook
+  <Image alt={'在 Vercel 中添加 Clerk 公私钥环境变量'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/2bfa13df-6e20-4768-97c0-4dad06c85a2f'} />
 
-由于我们让 Clerk 完全接管用户鉴权与管理，因此我们需要在 Clerk 用户生命周期变更时（创建、更新、删除）中通知我们的应用并存储落库。我们通过 Clerk 提供的 Webhook 来实现这一诉求。
+  ### 在 Clerk 中创建并配置 Webhook
 
-我们需要在 Clerk 的 Webhooks 中添加一个端点（Endpoint），告诉 Clerk 当用户发生变更时，向这个端点发送通知。
+  由于我们让 Clerk 完全接管用户鉴权与管理，因此我们需要在 Clerk 用户生命周期变更时（创建、更新、删除）中通知我们的应用并存储落库。我们通过 Clerk 提供的 Webhook 来实现这一诉求。
 
-<Image
-  alt={'Clerk 添加 Webhooks 端点'}
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/f50f47fb-5e8e-4930-bf4e-8cf6f5b8afb9'}
-/>
+  我们需要在 Clerk 的 Webhooks 中添加一个端点（Endpoint），告诉 Clerk 当用户发生变更时，向这个端点发送通知。
 
-在 endppint 中填写你的 Vercel 项目的 URL，如 `https://your-project.vercel.app/api/webhooks/clerk`。然后在订阅事件（Subscribe to events）中，勾选 user 的三个事件（`user.created` 、`user.deleted`、`user.updated`），然后点击创建。
+  <Image alt={'Clerk 添加 Webhooks 端点'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/f50f47fb-5e8e-4930-bf4e-8cf6f5b8afb9'} />
 
-<Callout type={'warning'}>URL的`https://`不可缺失，须保持URL的完整性</Callout>
+  在 endppint 中填写你的 Vercel 项目的 URL，如 `https://your-project.vercel.app/api/webhooks/clerk`。然后在订阅事件（Subscribe to events）中，勾选 user 的三个事件（`user.created` 、`user.deleted`、`user.updated`），然后点击创建。
 
-<Image
-  alt={'添加 Clerk Webhooks 时，配置 URL 和用户事件'}
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/0249ea56-ab17-4aa9-a56c-9ebd556c2645'}
-/>
+  <Callout type={'warning'}>URL 的`https://`不可缺失，须保持 URL 的完整性</Callout>
 
-### 将 Webhook 秘钥添加到 Vercel 环境变量
+  <Image alt={'添加 Clerk Webhooks 时，配置 URL 和用户事件'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/0249ea56-ab17-4aa9-a56c-9ebd556c2645'} />
 
-创建完毕后，可以在右下角找到该 Webhook 的秘钥：
+  ### 将 Webhook 秘钥添加到 Vercel 环境变量
 
-<Image
-  alt={'查看 Clerk Webhooks 秘钥'}
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/fab4abb2-584b-49de-9340-813382951635'}
-/>
+  创建完毕后，可以在右下角找到该 Webhook 的秘钥：
 
-这个秘钥所对应的环境变量名为 `CLERK_WEBHOOK_SECRET`：
+  <Image alt={'查看 Clerk Webhooks 秘钥'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/fab4abb2-584b-49de-9340-813382951635'} />
 
-```shell
-CLERK_WEBHOOK_SECRET=whsec_xxxxxxxxxxxxxxxxxxxxxx
-```
+  这个秘钥所对应的环境变量名为 `CLERK_WEBHOOK_SECRET`：
 
-将其添加到 Vercel 的环境变量中：
+  ```shell
+  CLERK_WEBHOOK_SECRET=whsec_xxxxxxxxxxxxxxxxxxxxxx
+  ```
 
-<Image
-  alt={'在 Vercel 中 添加 Clerk Webhooks 秘钥'}
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/5fdc9479-007f-46ab-9d6e-a9603e949116'}
-/>
+  将其添加到 Vercel 的环境变量中：
 
+  <Image alt={'在 Vercel 中 添加 Clerk Webhooks 秘钥'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/5fdc9479-007f-46ab-9d6e-a9603e949116'} />
 </Steps>
 
 这样，你已经成功配置了 Clerk 身份验证服务。接下来我们将配置 S3 存储服务。
@@ -197,149 +170,118 @@ CLERK_WEBHOOK_SECRET=whsec_xxxxxxxxxxxxxxxxxxxxxx
 在服务端数据库中我们需要配置 S3 存储服务来存储文件。
 
 <Callout type={'info'}>
-  在本文，S3所指代的是指兼容 S3 存储方案，即支持 Amazon S3 API 的对象存储系统，常见例如 Cloudflare
+  在本文，S3 所指代的是指兼容 S3 存储方案，即支持 Amazon S3 API 的对象存储系统，常见例如 Cloudflare
   R2 、阿里云 OSS 等均支持 S3 兼容 API。
 </Callout>
 
 <Steps>
+  ### 配置并获取 S3 存储桶
 
-    ### 配置并获取 S3 存储桶
+  你需要前往你的 S3 服务提供商（如 AWS S3、Cloudflare R2 等）并创建一个新的存储桶（Bucket）。接下来以 Cloudflare R2 为例，介绍创建流程。
 
-    你需要前往你的 S3 服务提供商（如 AWS S3、Cloudflare R2 等）并创建一个新的存储桶（Bucket）。接下来以 Cloudflare R2 为例，介绍创建流程。
+  下图是 Cloudflare R2 的界面：
 
-    下图是 Cloudflare R2 的界面：
+  <Image alt={'Cloudflare R2 存储界面'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/41f7f677-0153-4a96-b849-5ac9b7ebefee'} />
 
-    <Image
-      alt={'Cloudflare R2 存储界面'}
-      src={'https://github.com/lobehub/lobe-chat/assets/28616219/41f7f677-0153-4a96-b849-5ac9b7ebefee'}
-    />
+  创建存储桶时将指定其名称，然后点击创建。
 
-    创建存储桶时将指定其名称，然后点击创建。
-    <Image
-      alt={'R2 创建存储桶'}
-      src={'https://github.com/lobehub/lobe-chat/assets/28616219/9c0d184c-3169-40fa-9115-011cfffb9ca7'}
-    />
+  <Image alt={'R2 创建存储桶'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/9c0d184c-3169-40fa-9115-011cfffb9ca7'} />
 
-    ### 获取存储桶相关环境变量
+  ### 获取存储桶相关环境变量
 
-    在 R2 存储桶的设置中，可以看到桶配置的信息：
+  在 R2 存储桶的设置中，可以看到桶配置的信息：
 
-    <Image
-      alt={'查看存储桶的相关信息'}
-      src={'https://github.com/lobehub/lobe-chat/assets/28616219/2ceb210c-eca0-4439-ba27-8734d4ebb3ee'}
-    />
+  <Image alt={'查看存储桶的相关信息'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/2ceb210c-eca0-4439-ba27-8734d4ebb3ee'} />
 
-其对应的环境变量为：
+  其对应的环境变量为：
 
-```shell
-# 存储桶的名称
-S3_BUCKET=lobechat
-# 存储桶的请求端点(注意此处链接的路径带存储桶名称，必须删除该路径，或使用申请 S3 API token 页面所提供的链接)
-S3_ENDPOINT=https://0b33a03b5c993fd2f453379dc36558e5.r2.cloudflarestorage.com
-# 存储桶对外的访问域名
-S3_PUBLIC_DOMAIN=https://s3-for-lobechat.your-domain.com
-```
+  ```shell
+  # 存储桶的名称
+  S3_BUCKET=lobechat
+  # 存储桶的请求端点(注意此处链接的路径带存储桶名称，必须删除该路径，或使用申请 S3 API token 页面所提供的链接)
+  S3_ENDPOINT=https://0b33a03b5c993fd2f453379dc36558e5.r2.cloudflarestorage.com
+  # 存储桶对外的访问域名
+  S3_PUBLIC_DOMAIN=https://s3-for-lobechat.your-domain.com
+  ```
 
-<Callout type={'warning'}>`S3_ENDPOINT`必须删除其路径，否则会无法访问所上传文件</Callout>
+  <Callout type={'warning'}>`S3_ENDPOINT`必须删除其路径，否则会无法访问所上传文件</Callout>
 
-    ### 获取 S3 密钥环境变量
+  ### 获取 S3 密钥环境变量
 
-    你需要获取 S3 的访问密钥，以便 LobeChat 的服务端有权限访问 S3 存储服务。在 R2 中，你可以在账户详情中配置访问密钥：
+  你需要获取 S3 的访问密钥，以便 LobeChat 的服务端有权限访问 S3 存储服务。在 R2 中，你可以在账户详情中配置访问密钥：
 
-    <Image
-      alt={'查看存储桶的访问秘钥'}
-      src={'https://github.com/lobehub/lobe-chat/assets/28616219/be0c95c0-6693-44ee-a490-7e8dfaa8b34d'}
-    />
+  <Image alt={'查看存储桶的访问秘钥'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/be0c95c0-6693-44ee-a490-7e8dfaa8b34d'} />
 
-    点击右上角按钮创建 API token，进入创建 API Token 页面
+  点击右上角按钮创建 API token，进入创建 API Token 页面
 
-    <Image
-      alt={'创建对应 API token'}
-      src={'https://github.com/lobehub/lobe-chat/assets/28616219/7b0ea46c-5157-40a8-888f-f47664a4884f'}
-    />
+  <Image alt={'创建对应 API token'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/7b0ea46c-5157-40a8-888f-f47664a4884f'} />
 
-    鉴于我们的服务端数据库需要读写 S3 存储服务，因此权限需要选择`对象读与写`，然后点击创建。
+  鉴于我们的服务端数据库需要读写 S3 存储服务，因此权限需要选择`对象读与写`，然后点击创建。
 
-    <Image
-      alt={'配置 API token 权限'}
-      src={'https://github.com/lobehub/lobe-chat/assets/28616219/d6f5a918-7b50-4d6e-83a6-3894ab930ddf'}
-    />
+  <Image alt={'配置 API token 权限'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/d6f5a918-7b50-4d6e-83a6-3894ab930ddf'} />
 
-    创建完成后，就可以看到对应的 S3 API token
+  创建完成后，就可以看到对应的 S3 API token
 
-    <Image
-      alt={'复制 API token'}
-      src={'https://github.com/lobehub/lobe-chat/assets/28616219/763b18f9-2b5f-44bb-a479-9b56d46f7397'}
-    />
+  <Image alt={'复制 API token'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/763b18f9-2b5f-44bb-a479-9b56d46f7397'} />
 
-    其对应的环境变量为：
+  其对应的环境变量为：
 
-```shell
-S3_ACCESS_KEY_ID=9998d6757e276cf9f1edbd325b7083a6
-S3_SECRET_ACCESS_KEY=55af75d8eb6b99f189f6a35f855336ea62cd9c4751a5cf4337c53c1d3f497ac2
-```
-
-### 在 Vercel 中添加对应的环境变量
+  ```shell
+  S3_ACCESS_KEY_ID=9998d6757e276cf9f1edbd325b7083a6
+  S3_SECRET_ACCESS_KEY=55af75d8eb6b99f189f6a35f855336ea62cd9c4751a5cf4337c53c1d3f497ac2
+  ```
 
-    不同 S3 服务商获取所需环境变量的步骤可能有所不同，但最终获得到的环境变量应该都是一致的：
+  ### 在 Vercel 中添加对应的环境变量
 
-<Callout type={'warning'}>URL的`https://`不可缺失，须保持URL的完整性</Callout>
+  不同 S3 服务商获取所需环境变量的步骤可能有所不同，但最终获得到的环境变量应该都是一致的：
 
-```shell
-# S3 秘钥
-S3_ACCESS_KEY_ID=9998d6757e276cf9f1edbd325b7083a6
-S3_SECRET_ACCESS_KEY=55af75d8eb6b99f189f6a35f855336ea62cd9c4751a5cf4337c53c1d3f497ac2
+  <Callout type={'warning'}>URL 的`https://`不可缺失，须保持 URL 的完整性</Callout>
 
-# 存储桶的名称
-S3_BUCKET=lobechat
-# 存储桶的请求端点
-S3_ENDPOINT=https://0b33a03b5c993fd2f453379dc36558e5.r2.cloudflarestorage.com
-# 存储桶对外的访问域名
-S3_PUBLIC_DOMAIN=https://s3-dev.your-domain.com
+  ```shell
+  # S3 秘钥
+  S3_ACCESS_KEY_ID=9998d6757e276cf9f1edbd325b7083a6
+  S3_SECRET_ACCESS_KEY=55af75d8eb6b99f189f6a35f855336ea62cd9c4751a5cf4337c53c1d3f497ac2
 
-# 桶的区域，如 us-west-1，一般来说不需要添加，但某些服务商则需要配置
-# S3_REGION=us-west-1
-```
+  # 存储桶的名称
+  S3_BUCKET=lobechat
+  # 存储桶的请求端点
+  S3_ENDPOINT=https://0b33a03b5c993fd2f453379dc36558e5.r2.cloudflarestorage.com
+  # 存储桶对外的访问域名
+  S3_PUBLIC_DOMAIN=https://s3-dev.your-domain.com
 
-然后将上述环境变量填入 Vercel 的环境变量中：
+  # 桶的区域，如 us-west-1，一般来说不需要添加，但某些服务商则需要配置
+  # S3_REGION=us-west-1
+  ```
 
-    <Image
-      alt={'在  Vercel 中添加 S3 的环境变量'}
-      src={'https://github.com/lobehub/lobe-chat/assets/28616219/cd74152d-0ae8-44fd-b815-3307c56a3c18'}
-    />
+  然后将上述环境变量填入 Vercel 的环境变量中：
 
-    ### 配置跨域
+  <Image alt={'在  Vercel 中添加 S3 的环境变量'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/cd74152d-0ae8-44fd-b815-3307c56a3c18'} />
 
-    由于 S3 存储服务往往是一个独立的网址，因此需要配置跨域访问。
+  ### 配置跨域
 
-    在 R2 中，你可以在存储桶的设置中找到跨域配置：
+  由于 S3 存储服务往往是一个独立的网址，因此需要配置跨域访问。
 
-    <Image
-      alt={'Cloudflare R2 的跨域设置'}
-      src={'https://github.com/lobehub/lobe-chat/assets/28616219/ab008be7-26b2-4b78-8bd9-24301bf34d23'}
-    />
+  在 R2 中，你可以在存储桶的设置中找到跨域配置：
 
-    添加跨域规则，允许你的域名（在上文是 `https://your-project.vercel.app`）来源的请求：
+  <Image alt={'Cloudflare R2 的跨域设置'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/ab008be7-26b2-4b78-8bd9-24301bf34d23'} />
 
-    <Image
-      alt={'配置允许你的站点域名'}
-      src={'https://github.com/lobehub/lobe-chat/assets/28616219/dfcc2cb3-2958-4498-a8a4-51bec584fe7d'}
-    />
+  添加跨域规则，允许你的域名（在上文是 `https://your-project.vercel.app`）来源的请求：
 
-示例配置如下：
+  <Image alt={'配置允许你的站点域名'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/dfcc2cb3-2958-4498-a8a4-51bec584fe7d'} />
 
-```json
-[
-  {
-    "AllowedOrigins": ["https://your-project.vercel.app"],
-    "AllowedMethods": ["GET", "PUT", "HEAD", "POST", "DELETE"],
-    "AllowedHeaders": ["*"]
-  }
-]
-```
+  示例配置如下：
 
-配置后点击保存即可。
+  ```json
+  [
+    {
+      "AllowedOrigins": ["https://your-project.vercel.app"],
+      "AllowedMethods": ["GET", "PUT", "HEAD", "POST", "DELETE"],
+      "AllowedHeaders": ["*"]
+    }
+  ]
+  ```
 
+  配置后点击保存即可。
 </Steps>
 
 ## 四、部署并验证
@@ -349,27 +291,17 @@ S3_PUBLIC_DOMAIN=https://s3-dev.your-domain.com
 <Steps>
   ### 重新部署最新的 commit
 
-配置好环境变量后，你需要重新部署最新的 commit，并等待部署完成。
-
-<Image
-  alt={'重新部署最新的 commit'}
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/b3a78112-adc8-4837-b4e3-48f67058f16e'}
-/>
+  配置好环境变量后，你需要重新部署最新的 commit，并等待部署完成。
 
-### 检查功能是否正常
+  <Image alt={'重新部署最新的 commit'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/b3a78112-adc8-4837-b4e3-48f67058f16e'} />
 
-如果你点击左上角登录，可以正常显示登录弹窗，那么说明你已经配置成功了，尽情享用吧~
+  ### 检查功能是否正常
 
-<Image
-  alt={'用户登录弹窗'}
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/da84edc3-46f7-4e2b-a0cd-dc33a98bf5cb'}
-/>
+  如果你点击左上角登录，可以正常显示登录弹窗，那么说明你已经配置成功了，尽情享用吧～
 
-<Image
-  alt={'登录成功状态'}
-  src={'https://github.com/lobehub/lobe-chat/assets/28616219/9cb5150d-6e1e-4c59-9a18-4e418dce1a5d'}
-/>
+  <Image alt={'用户登录弹窗'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/da84edc3-46f7-4e2b-a0cd-dc33a98bf5cb'} />
 
+  <Image alt={'登录成功状态'} src={'https://github.com/lobehub/lobe-chat/assets/28616219/9cb5150d-6e1e-4c59-9a18-4e418dce1a5d'} />
 </Steps>
 
 ## 附录

package/docs/self-hosting/server-database/zeabur.mdx

@@ -32,47 +32,45 @@ The template on Zeabur includes 4 services:
 Here is the process for deploying the LobeChat server database version on Zeabur:
 
 <Steps>
+  ### Go to the template page on Zeabur
 
-### Go to the template page on Zeabur
+  Go to the [LobeChat Database template page](https://zeabur.com/templates/RRSPSD) on Zeabur and click on the "Deploy" button.
 
-Go to the [LobeChat Database template page](https://zeabur.com/templates/RRSPSD) on Zeabur and click on the "Deploy" button.
+  ### Fill in the required environment variables
 
-### Fill in the required environment variables
+  After you click on the "Deploy" button, you will see a modal pop-up where you can fill in the required environment variables.
 
-After you click on the "Deploy" button, you will see a modal pop-up where you can fill in the required environment variables.
+  Here are the environment variables you need to fill in:
 
-Here are the environment variables you need to fill in:
+  - OpenAI API key: Your OpenAI API key to get responses from OpenAI.
 
-- OpenAI API key: Your OpenAI API key to get responses from OpenAI.
+  - LobeChat Domain: A free subdomain with `.zeabur.app` suffix.
 
-- LobeChat Domain: A free subdomain with `.zeabur.app` suffix.
+  - MinIO Public Domain: A free subdomain with `.zeabur.app` suffix for yout MinIO web port to enable public access for the uploaded files.
 
-- MinIO Public Domain: A free subdomain with `.zeabur.app` suffix for yout MinIO web port to enable public access for the uploaded files.
+  - Logto Console Domain: A free subdomain with `.zeabur.app` suffix for your Logto console.
 
-- Logto Console Domain: A free subdomain with `.zeabur.app` suffix for your Logto console.
+  - Logto API Domain: A free subdomain with `.zeabur.app` suffix for your Logto api.
 
-- Logto API Domain: A free subdomain with `.zeabur.app` suffix for your Logto api.
+  ### Select a region and deploy
 
-### Select a region and deploy
+  After you fill all the required environment variables, select a region where you want to deploy your LobeChat Database and click on the "Deploy" button.
 
-After you fill all the required environment variables, select a region where you want to deploy your LobeChat Database and click on the "Deploy" button.
+  You will see another modal pop-up where you can see the deployment progress.
 
-You will see another modal pop-up where you can see the deployment progress.
+  ### Configure Logto
 
-### Configure Logto
+  After the deployment is done, you need to configure your Logto service to enable authrization.
 
-After the deployment is done, you need to configure your Logto service to enable authrization.
+  Access your Logto console with the console domain you just binded, and then create a `Next.js 14(App router)` application to get the client ID and client secret, and fill in the cors and callback URLs. You can check [this document](../advanced/auth.mdx) for a more detailed guide.
 
-Access your Logto console with the console domain you just binded, and then create a `Next.js 14(App router)` application to get the client ID and client secret, and fill in the cors and callback URLs. You can check [this document](../advanced/auth.mdx) for a more detailed guide.
+  Fill in those variables into your LobeChat service on Zeabur, here is a more detailed guide for [editing environment variables on Zeabur](https://zeabur.com/docs/deploy/variables).
 
-Fill in those variables into your LobeChat service on Zeabur, here is a more detailed guide for [editing environment variables on Zeabur](https://zeabur.com/docs/deploy/variables).
+  For detailed configuration of Logto, refer to [this document](/docs/self-hosting/advanced/auth/next-auth/logto).
 
-For detailed configuration of Logto, refer to [this document](/docs/self-hosting/advanced/auth/next-auth/logto).
+  ### Access your LobeChat Instance
 
-### Access your LobeChat Instance
-
-Press on the `LobeChat-Database` and you can see the public domain you just created, click on it to access your LobeChat Database.
-
-You can also bind a custom domain for your services if you want, here is a guide on how to [bind a custom domain on Zeabur](https://zeabur.com/docs/deploy/domain-binding).
+  Press on the `LobeChat-Database` and you can see the public domain you just created, click on it to access your LobeChat Database.
 
+  You can also bind a custom domain for your services if you want, here is a guide on how to [bind a custom domain on Zeabur](https://zeabur.com/docs/deploy/domain-binding).
 </Steps>

package/docs/self-hosting/server-database/zeabur.zh-CN.mdx

@@ -29,41 +29,39 @@ tags:
 这里是在 Zeabur 上部署 LobeChat 服务器数据库版的流程：
 
 <Steps>
+  ### 前往 Zeabur 上的模板页面
 
-### 前往 Zeabur 上的模板页面
+  前往 [Zeabur 上的 LobeChat 数据库模板页面](https://zeabur.com/templates/RRSPSD) 并点击 "Deploy" 按钮。
 
-前往 [Zeabur 上的 LobeChat 数据库模板页面](https://zeabur.com/templates/RRSPSD) 并点击 "Deploy" 按钮。
+  ### 填写必要的环境变量
 
-### 填写必要的环境变量
+  在你点击 “部署 “按钮后，你会看到一个模态弹窗，你可以在这里填写必要的环境变量。
 
-在你点击“部署“按钮后，你会看到一个模态弹窗，你可以在这里填写必要的环境变量。
+  以下是你需要填写的环境变量：
 
-以下是你需要填写的环境变量：
+  - OpenAI API key: 你的 OpenAI API key 用于获取模型的访问权限。
+  - LobeChat Domain: 一个免费的 `.zeabur.app` 后缀的域名。
+  - MinIO Public Domain: 一个免费的 `.zeabur.app` 后缀的域名为了暴露 MinIO 服务以公开访问资源。
+  - Logto Console Domain: 一个免费的 `.zeabur.app` 后缀的域名来访问 Logto 的控制台。
+  - Logto API Domain: 一个免费的 `.zeabur.app` 后缀的域名来访问 Logto 的 API。
 
-- OpenAI API key: 你的 OpenAI API key 用于获取模型的访问权限。
-- LobeChat Domain: 一个免费的 `.zeabur.app` 后缀的域名。
-- MinIO Public Domain: 一个免费的 `.zeabur.app` 后缀的域名为了暴露 MinIO 服务以公开访问资源。
-- Logto Console Domain: 一个免费的 `.zeabur.app` 后缀的域名来访问 Logto 的控制台。
-- Logto API Domain: 一个免费的 `.zeabur.app` 后缀的域名来访问 Logto 的 API。
+  ### 选择一个区域并部署
 
-### 选择一个区域并部署
+  在你填写完所有必要的环境变量后，选择一个你想要部署 LobeChat 数据库的区域并点击 “部署” 按钮。
 
-在你填写完所有必要的环境变量后，选择一个你想要部署 LobeChat 数据库的区域并点击“部署”按钮。
+  你会看到另一个模态弹窗，你可以在这里看到部署的进度。
 
-你会看到另一个模态弹窗，你可以在这里看到部署的进度。
+  ### 配置 Logto
 
-### 配置 Logto
+  当部署完成后，你会被自动导航到你在 Zeabur 控制台上刚刚创建的项目。你需要再进一步配置你的 Logto 服务。
 
-当部署完成后，你会被自动导航到你在 Zeabur 控制台上刚刚创建的项目。你需要再进一步配置你的 Logto 服务。
+  使用你刚绑定的域名来访问你的 Logto 控制台，创建一个新项目以获得对应的客户端 ID 与密钥，将它们填入你的 LobeChat 服务的变量中。关于如何填入变量，可以参照 [Zeabur 的官方文档](https://zeabur.com/docs/deploy/variables)。
 
-使用你刚绑定的域名来访问你的 Logto 控制台，创建一个新项目以获得对应的客户端 ID 与密钥，将它们填入你的 LobeChat 服务的变量中。关于如何填入变量，可以参照 [Zeabur 的官方文档](https://zeabur.com/docs/deploy/variables)。
+  Logto 的详细配置可以参考[这篇文档](/zh/docs/self-hosting/advanced/auth/next-auth/logto)。
 
-Logto 的详细配置可以参考[这篇文档](/zh/docs/self-hosting/advanced/auth/next-auth/logto)。
+  ### 访问你的 LobeChat
 
-### 访问你的 LobeChat
-
-按下 `LobeChat-Database` 你会看到你刚刚创建的公共域名，点击它以访问你的 LobeChat 数据库。
-
-你可以选择绑定一个自定义域名，这里有一个关于如何在 Zeabur 上[绑定自定义域名](https://zeabur.com/docs/deploy/domain-binding)的指南。
+  按下 `LobeChat-Database` 你会看到你刚刚创建的公共域名，点击它以访问你的 LobeChat 数据库。
 
+  你可以选择绑定一个自定义域名，这里有一个关于如何在 Zeabur 上[绑定自定义域名](https://zeabur.com/docs/deploy/domain-binding)的指南。
 </Steps>