@lobehub/chat 0.147.0 → 0.147.2

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

@@ -10,14 +10,16 @@ tags:
   - Proxy Configuration
   - Automatic Update Script
 ---
+
 # Docker Deployment Guide
 
 <div style={{display:"flex", gap: 4}}>
   [![][docker-release-shield]][docker-release-link]
 
-  [![][docker-size-shield]][docker-size-link]
+[![][docker-size-shield]][docker-size-link]
+
+[![][docker-pulls-shield]][docker-pulls-link]
 
-  [![][docker-pulls-shield]][docker-pulls-link]
 </div>
 
 We provide a [Docker image][docker-release-link] for you to deploy the LobeChat service on your private device.
@@ -25,7 +27,7 @@ We provide a [Docker image][docker-release-link] for you to deploy the LobeChat
 <Steps>
   ### Install Docker Container Environment
 
-  (If already installed, skip this step)
+(If already installed, skip this step)
 
   <Tabs items={['Ubuntu', 'CentOS']}>
     <Tab>
@@ -39,126 +41,124 @@ We provide a [Docker image][docker-release-link] for you to deploy the LobeChat
       ```fish
       $ yum install docker
       ```
-   
+
 </Tab>
  
 </Tabs>
 
-  ### Docker Command Deployment
+### Docker Command Deployment
 
-  Use the following command to start the LobeChat service with one click:
+Use the following command to start the LobeChat service with one click:
 
-  ```fish
-  $ docker run -d -p 3210:3210 \
-    -e OPENAI_API_KEY=sk-xxxx \
-    -e ACCESS_CODE=lobe66 \
-    --name lobe-chat \
-    lobehub/lobe-chat
-  ```
+```fish
+$ docker run -d -p 3210:3210 \
+  -e OPENAI_API_KEY=sk-xxxx \
+  -e ACCESS_CODE=lobe66 \
+  --name lobe-chat \
+  lobehub/lobe-chat
+```
 
-  Command explanation:
+Command explanation:
 
-  - The default port mapping is `3210`, please ensure it is not occupied or manually change the port mapping.
+- The default port mapping is `3210`, please ensure it is not occupied or manually change the port mapping.
 
-  - Replace `sk-xxxx` in the above command with your OpenAI API Key.
+- Replace `sk-xxxx` in the above command with your OpenAI API Key.
 
-  - For the complete list of environment variables supported by LobeChat, please refer to the [Environment Variables](/zh/self-hosting/environment-ariable) section.
+- For the complete list of environment variables supported by LobeChat, please refer to the [Environment Variables](/zh/self-hosting/environment-ariable) section.
 
-  <Callout type="tip">
-    Since the official Docker image build takes about half an hour, if you see the "update available"
-    prompt after deployment, you can wait for the image to finish building before deploying again.
- 
+<Callout type="tip">
+  Since the official Docker image build takes about half an hour, if you see the "update available"
+  prompt after deployment, you can wait for the image to finish building before deploying again.
 </Callout>
 
-  <Callout type="warning">
-    The official Docker image does not have a password set. It is strongly recommended to add a
-    password to enhance security, otherwise you may encounter situations like [My API Key was
-    stolen!!!](https://github.com/lobehub/lobe-chat/issues/1123).
- 
+<Callout type="warning">
+  The official Docker image does not have a password set. It is strongly recommended to add a
+  password to enhance security, otherwise you may encounter situations like [My API Key was
+  stolen!!!](https://github.com/lobehub/lobe-chat/issues/1123).
 </Callout>
 
-  <Callout type="important">
-    Note that when the **deployment architecture is inconsistent with the image**, you need to
-    cross-compile **Sharp**, see [Sharp
-    Cross-Compilation](https://sharp.pixelplumbing.com/install#cross-platform) for details.
- 
+<Callout type="important">
+  Note that when the **deployment architecture is inconsistent with the image**, you need to
+  cross-compile **Sharp**, see [Sharp
+  Cross-Compilation](https://sharp.pixelplumbing.com/install#cross-platform) for details.
 </Callout>
 
-  #### Using a Proxy Address
+#### Using a Proxy Address
+
+If you need to use the OpenAI service through a proxy, you can configure the proxy address using the `OPENAI_PROXY_URL` environment variable:
 
-  If you need to use the OpenAI service through a proxy, you can configure the proxy address using the `OPENAI_PROXY_URL` environment variable:
+```fish
+$ docker run -d -p 3210:3210 \
+  -e OPENAI_API_KEY=sk-xxxx \
+  -e OPENAI_PROXY_URL=https://api-proxy.com/v1 \
+  -e ACCESS_CODE=lobe66 \
+  --name lobe-chat \
+  lobehub/lobe-chat
+```
 
-  ```fish
-  $ docker run -d -p 3210:3210 \
-    -e OPENAI_API_KEY=sk-xxxx \
-    -e OPENAI_PROXY_URL=https://api-proxy.com/v1 \
-    -e ACCESS_CODE=lobe66 \
-    --name lobe-chat \
-    lobehub/lobe-chat
-  ```
+### Crontab Automatic Update Script (Optional)
 
-  ### Crontab Automatic Update Script (Optional)
+If you want to automatically obtain the latest image, you can follow these steps.
 
-  If you want to automatically obtain the latest image, you can follow these steps.
+First, create a `lobe.env` configuration file with various environment variables, for example:
 
-  First, create a `lobe.env` configuration file with various environment variables, for example:
+```env
+OPENAI_API_KEY=sk-xxxx
+OPENAI_PROXY_URL=https://api-proxy.com/v1
+ACCESS_CODE=arthals2333
+CUSTOM_MODELS=-gpt-4,-gpt-4-32k,-gpt-3.5-turbo-16k,gpt-3.5-turbo-1106=gpt-3.5-turbo-16k,gpt-4-0125-preview=gpt-4-turbo,gpt-4-vision-preview=gpt-4-vision
+```
 
-  ```env
-  OPENAI_API_KEY=sk-xxxx
-  OPENAI_PROXY_URL=https://api-proxy.com/v1
-  ACCESS_CODE=arthals2333
-  CUSTOM_MODELS=-gpt-4,-gpt-4-32k,-gpt-3.5-turbo-16k,gpt-3.5-turbo-1106=gpt-3.5-turbo-16k,gpt-4-0125-preview=gpt-4-turbo,gpt-4-vision-preview=gpt-4-vision
-  ```
+Then, you can use the following script to automate the update:
 
-  Then, you can use the following script to automate the update:
+```bash
+#!/bin/bash
+# auto-update-lobe-chat.sh
 
-  ```bash
-  #!/bin/bash
-  # auto-update-lobe-chat.sh
+# Set up proxy (optional)
+export https_proxy=http://127.0.0.1:7890 http_proxy=http://127.0.0.1:7890 all_proxy=socks5://127.0.0.1:7890
 
-  # Set up proxy (optional)
-  export https_proxy=http://127.0.0.1:7890 http_proxy=http://127.0.0.1:7890 all_proxy=socks5://127.0.0.1:7890
+# Pull the latest image and store the output in a variable
+output=$(docker pull lobehub/lobe-chat:latest 2>&1)
 
-  # Pull the latest image and store the output in a variable
-  output=$(docker pull lobehub/lobe-chat:latest 2>&1)
+# Check if the pull command was executed successfully
+if [ $? -ne 0 ]; then
+  exit 1
+fi
 
-  # Check if the pull command was executed successfully
-  if [ $? -ne 0 ]; then
-    exit 1
-  fi
+# Check if the output contains a specific string
+echo "$output" | grep -q "Image is up to date for lobehub/lobe-chat:latest"
 
-  # Check if the output contains a specific string
-  echo "$output" | grep -q "Image is up to date for lobehub/lobe-chat:latest"
+# If the image is already up to date, do nothing
+if [ $? -eq 0 ]; then
+  exit 0
+fi
 
-  # If the image is already up to date, do nothing
-  if [ $? -eq 0 ]; then
-    exit 0
-  fi
+echo "Detected Lobe-Chat update"
 
-  echo "Detected Lobe-Chat update"
+# Remove the old container
+echo "Removed: $(docker rm -f Lobe-Chat)"
 
-  # Remove the old container
-  echo "Removed: $(docker rm -f Lobe-Chat)"
+# Run the new container
+echo "Started: $(docker run -d --network=host --env-file /path/to/lobe.env --name=Lobe-Chat --restart=always lobehub/lobe-chat)"
 
-  # Run the new container
-  echo "Started: $(docker run -d --network=host --env-file /path/to/lobe.env --name=Lobe-Chat --restart=always lobehub/lobe-chat)"
+# Print the update time and version
+echo "Update time: $(date)"
+echo "Version: $(docker inspect lobehub/lobe-chat:latest | grep 'org.opencontainers.image.version' | awk -F'"' '{print $4}')"
 
-  # Print the update time and version
-  echo "Update time: $(date)"
-  echo "Version: $(docker inspect lobehub/lobe-chat:latest | grep 'org.opencontainers.image.version' | awk -F'"' '{print $4}')"
+# Clean up unused images
+docker images | grep 'lobehub/lobe-chat' | grep -v 'latest' | awk '{print $3}' | xargs -r docker rmi > /dev/null 2>&1
+echo "Removed old images."
+```
 
-  # Clean up unused images
-  docker images | grep 'lobehub/lobe-chat' | grep -v 'latest' | awk '{print $3}' | xargs -r docker rmi > /dev/null 2>&1
-  echo "Removed old images."
-  ```
+This script can be used in Crontab, but please ensure that your Crontab can find the correct Docker command. It is recommended to use absolute paths.
 
-  This script can be used in Crontab, but please ensure that your Crontab can find the correct Docker command. It is recommended to use absolute paths.
+Configure Crontab to execute the script every 5 minutes:
 
-  Configure Crontab to execute the script every 5 minutes:
+```bash
+*/5 * * * * /path/to/auto-update-lobe-chat.sh >> /path/to/auto-update-lobe-chat.log 2>&1
+```
 
-  ```bash
-  */5 * * * * /path/to/auto-update-lobe-chat.sh >> /path/to/auto-update-lobe-chat.log 2>&1
-  ```
 </Steps>
 
 [docker-pulls-link]: https://hub.docker.com/r/lobehub/lobe-chat

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

@@ -9,14 +9,16 @@ tags:
   - 代理地址
   - 自动更新脚本
 ---
+
 # Docker 部署指引
 
 <div style={{display:"flex", gap: 4}}>
   [![][docker-release-shield]][docker-release-link]
 
-  [![][docker-size-shield]][docker-size-link]
+[![][docker-size-shield]][docker-size-link]
+
+[![][docker-pulls-shield]][docker-pulls-link]
 
-  [![][docker-pulls-shield]][docker-pulls-link]
 </div>
 
 我们提供了 [Docker 镜像][docker-release-link]，供你在自己的私有设备上部署 LobeChat 服务。
@@ -24,7 +26,7 @@ tags:
 <Steps>
   ### 安装 Docker 容器环境
 
-  （如果已安装，请跳过此步）
+（如果已安装，请跳过此步）
 
   <Tabs items={['Ubuntu', 'CentOS']}>
     <Tab>
@@ -38,126 +40,123 @@ tags:
       ```fish
       $ yum install docker
       ```
-   
+
 </Tab>
  
 </Tabs>
 
-  ### Docker 指令部署
+### Docker 指令部署
 
-  使用以下命令即可使用一键启动 LobeChat 服务：
+使用以下命令即可使用一键启动 LobeChat 服务：
 
-  ```fish
-  $ docker run -d -p 3210:3210 \
-    -e OPENAI_API_KEY=sk-xxxx \
-    -e ACCESS_CODE=lobe66 \
-    --name lobe-chat \
-    lobehub/lobe-chat
-  ```
+```fish
+$ docker run -d -p 3210:3210 \
+  -e OPENAI_API_KEY=sk-xxxx \
+  -e ACCESS_CODE=lobe66 \
+  --name lobe-chat \
+  lobehub/lobe-chat
+```
 
-  指令说明：
+指令说明：
 
-  - 默认映射端口为 `3210`, 请确保未被占用或手动更改端口映射
-  - 使用你的 OpenAI API Key 替换上述命令中的 `sk-xxxx`
+- 默认映射端口为 `3210`, 请确保未被占用或手动更改端口映射
+- 使用你的 OpenAI API Key 替换上述命令中的 `sk-xxxx`
 
-  <Callout type={'tip'}>
-    LobeChat 支持的完整环境变量列表请参考 [📘 环境变量](/zh/self-hosting/environment-variables) 部分
- 
+<Callout type={'tip'}>
+  LobeChat 支持的完整环境变量列表请参考 [📘 环境变量](/zh/self-hosting/environment-variables) 部分
 </Callout>
 
-  <Callout>
-    由于官方的 Docker
-    镜像构建大约需要半小时左右，如果在更新部署后会出现「存在更新」的提示，可以等待镜像构建完成后再次部署。
- 
+<Callout>
+  由于官方的 Docker
+  镜像构建大约需要半小时左右，如果在更新部署后会出现「存在更新」的提示，可以等待镜像构建完成后再次部署。
 </Callout>
 
-  <Callout type="warning">
-    官方 Docker 镜像中未设定密码，强烈建议添加密码以提升安全性，否则你可能会遇到 [My API Key was
-    stolen!!!](https://github.com/lobehub/lobe-chat/issues/1123) 这样的情况
- 
+<Callout type="warning">
+  官方 Docker 镜像中未设定密码，强烈建议添加密码以提升安全性，否则你可能会遇到 [My API Key was
+  stolen!!!](https://github.com/lobehub/lobe-chat/issues/1123) 这样的情况
 </Callout>
 
-  <Callout type="important">
-    注意，当**部署架构与镜像的不一致时**，需要对 **Sharp** 进行交叉编译，详见 [Sharp
-    交叉编译](https://sharp.pixelplumbing.com/install#cross-platform)
- 
+<Callout type="important">
+  注意，当**部署架构与镜像的不一致时**，需要对 **Sharp** 进行交叉编译，详见 [Sharp
+  交叉编译](https://sharp.pixelplumbing.com/install#cross-platform)
 </Callout>
 
-  #### 使用代理地址
+#### 使用代理地址
+
+如果你需要通过代理使用 OpenAI 服务，你可以使用 `OPENAI_PROXY_URL` 环境变量来配置代理地址：
 
-  如果你需要通过代理使用 OpenAI 服务，你可以使用 `OPENAI_PROXY_URL` 环境变量来配置代理地址：
+```fish
+$ docker run -d -p 3210:3210 \
+  -e OPENAI_API_KEY=sk-xxxx \
+  -e OPENAI_PROXY_URL=https://api-proxy.com/v1 \
+  -e ACCESS_CODE=lobe66 \
+  --name lobe-chat \
+  lobehub/lobe-chat
+```
 
-  ```fish
-  $ docker run -d -p 3210:3210 \
-    -e OPENAI_API_KEY=sk-xxxx \
-    -e OPENAI_PROXY_URL=https://api-proxy.com/v1 \
-    -e ACCESS_CODE=lobe66 \
-    --name lobe-chat \
-    lobehub/lobe-chat
-  ```
+### Crontab 自动更新脚本（可选）
 
-  ### Crontab 自动更新脚本（可选）
+如果你想自动获得最新的镜像，你可以如下操作。
 
-  如果你想自动获得最新的镜像，你可以如下操作。
+首先，新建一个 `lobe.env` 配置文件，内容为各种环境变量，例如：
 
-  首先，新建一个 `lobe.env` 配置文件，内容为各种环境变量，例如：
+```env
+OPENAI_API_KEY=sk-xxxx
+OPENAI_PROXY_URL=https://api-proxy.com/v1
+ACCESS_CODE=arthals2333
+CUSTOM_MODELS=-gpt-4,-gpt-4-32k,-gpt-3.5-turbo-16k,gpt-3.5-turbo-1106=gpt-3.5-turbo-16k,gpt-4-0125-preview=gpt-4-turbo,gpt-4-vision-preview=gpt-4-vision
+```
 
-  ```env
-  OPENAI_API_KEY=sk-xxxx
-  OPENAI_PROXY_URL=https://api-proxy.com/v1
-  ACCESS_CODE=arthals2333
-  CUSTOM_MODELS=-gpt-4,-gpt-4-32k,-gpt-3.5-turbo-16k,gpt-3.5-turbo-1106=gpt-3.5-turbo-16k,gpt-4-0125-preview=gpt-4-turbo,gpt-4-vision-preview=gpt-4-vision
-  ```
+然后，你可以使用以下脚本来自动更新：
 
-  然后，你可以使用以下脚本来自动更新：
+```bash
+#!/bin/bash
+# auto-update-lobe-chat.sh
 
-  ```bash
-  #!/bin/bash
-  # auto-update-lobe-chat.sh
+# 设置代理（可选）
+export https_proxy=http://127.0.0.1:7890 http_proxy=http://127.0.0.1:7890 all_proxy=socks5://127.0.0.1:7890
 
-  # 设置代理（可选）
-  export https_proxy=http://127.0.0.1:7890 http_proxy=http://127.0.0.1:7890 all_proxy=socks5://127.0.0.1:7890
+# 拉取最新的镜像并将输出存储在变量中
+output=$(docker pull lobehub/lobe-chat:latest 2>&1)
 
-  # 拉取最新的镜像并将输出存储在变量中
-  output=$(docker pull lobehub/lobe-chat:latest 2>&1)
+# 检查拉取命令是否成功执行
+if [ $? -ne 0 ]; then
+  exit 1
+fi
 
-  # 检查拉取命令是否成功执行
-  if [ $? -ne 0 ]; then
-    exit 1
-  fi
+# 检查输出中是否包含特定的字符串
+echo "$output" | grep -q "Image is up to date for lobehub/lobe-chat:latest"
 
-  # 检查输出中是否包含特定的字符串
-  echo "$output" | grep -q "Image is up to date for lobehub/lobe-chat:latest"
+# 如果镜像已经是最新的，则不执行任何操作
+if [ $? -eq 0 ]; then
+  exit 0
+fi
 
-  # 如果镜像已经是最新的，则不执行任何操作
-  if [ $? -eq 0 ]; then
-    exit 0
-  fi
+echo "Detected Lobe-Chat update"
 
-  echo "Detected Lobe-Chat update"
+# 删除旧的容器
+echo "Removed: $(docker rm -f Lobe-Chat)"
 
-  # 删除旧的容器
-  echo "Removed: $(docker rm -f Lobe-Chat)"
+# 运行新的容器
+echo "Started: $(docker run -d --network=host --env-file /path/to/lobe.env --name=Lobe-Chat --restart=always lobehub/lobe-chat)"
 
-  # 运行新的容器
-  echo "Started: $(docker run -d --network=host --env-file /path/to/lobe.env --name=Lobe-Chat --restart=always lobehub/lobe-chat)"
+# 打印更新的时间和版本
+echo "Update time: $(date)"
+echo "Version: $(docker inspect lobehub/lobe-chat:latest | grep 'org.opencontainers.image.version' | awk -F'"' '{print $4}')"
 
-  # 打印更新的时间和版本
-  echo "Update time: $(date)"
-  echo "Version: $(docker inspect lobehub/lobe-chat:latest | grep 'org.opencontainers.image.version' | awk -F'"' '{print $4}')"
+# 清理不再使用的镜像
+docker images | grep 'lobehub/lobe-chat' | grep -v 'latest' | awk '{print $3}' | xargs -r docker rmi > /dev/null 2>&1
+echo "Removed old images."
+```
 
-  # 清理不再使用的镜像
-  docker images | grep 'lobehub/lobe-chat' | grep -v 'latest' | awk '{print $3}' | xargs -r docker rmi > /dev/null 2>&1
-  echo "Removed old images."
-  ```
+此脚本可以在 Crontab 中使用，但请确认你的 Crontab 可以找到正确的 Docker 命令。建议使用绝对路径。
 
-  此脚本可以在 Crontab 中使用，但请确认你的 Crontab 可以找到正确的 Docker 命令。建议使用绝对路径。
+配置 Crontab，每 5 分钟执行一次脚本：
 
-  配置 Crontab，每 5 分钟执行一次脚本：
+```bash
+*/5 * * * * /path/to/auto-update-lobe-chat.sh >> /path/to/auto-update-lobe-chat.log 2>&1
+```
 
-  ```bash
-  */5 * * * * /path/to/auto-update-lobe-chat.sh >> /path/to/auto-update-lobe-chat.log 2>&1
-  ```
 </Steps>
 
 [docker-pulls-link]: https://hub.docker.com/r/lobehub/lobe-chat

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

@@ -12,6 +12,7 @@ tags:
   - Environment Variables
   - Custom Domain Setup
 ---
+
 # Deploy LobeChat with Netlify
 
 If you want to deploy LobeChat on Netlify, you can follow these steps:
@@ -21,81 +22,129 @@ If you want to deploy LobeChat on Netlify, you can follow these steps:
 <Steps>
   ### Fork the LobeChat Repository
 
-  Click the Fork button to fork the LobeChat repository to your GitHub account.
+Click the Fork button to fork the LobeChat repository to your GitHub account.
 
-  ### Prepare your OpenAI API Key
+### Prepare your OpenAI API Key
 
-  Go to [OpenAI API Key](https://platform.openai.com/account/api-keys) to obtain your OpenAI API Key.
+Go to [OpenAI API Key](https://platform.openai.com/account/api-keys) to obtain your OpenAI API Key.
 
-  ### Import to Netlify Workspace
+### Import to Netlify Workspace
 
-  <Callout>
-    After testing, it is currently not supported to have a one-click deployment button similar to
-    Vercel/Zeabur. The reason is unknown. Therefore, manual import is required.
- 
+<Callout>
+  After testing, it is currently not supported to have a one-click deployment button similar to
+  Vercel/Zeabur. The reason is unknown. Therefore, manual import is required.
 </Callout>
 
-  Click "Import from git"
+Click "Import from git"
 
-  <Image alt={'Click "Import from git" in the Netlify workspace'} height={362} inStep src={'https://github.com/lobehub/lobe-chat/assets/28616219/31b999e5-2a74-45fc-935b-f036e72a684d'} />
+<Image
+  alt={'Click "Import from git" in the Netlify workspace'}
+  height={362}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/31b999e5-2a74-45fc-935b-f036e72a684d'}
+/>
 
-  Then click "Deploy with Github" and authorize Netlify to access your GitHub account.
+Then click "Deploy with Github" and authorize Netlify to access your GitHub account.
 
-  <Image alt={'Authorize Netlify to access your GitHub account'} height={273} inStep src={'https://github.com/lobehub/lobe-chat/assets/28616219/c9c58141-5ec6-43f1-8d97-0a84a04dcdba'} />
+<Image
+  alt={'Authorize Netlify to access your GitHub account'}
+  height={273}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/c9c58141-5ec6-43f1-8d97-0a84a04dcdba'}
+/>
 
-  Next, select the LobeChat project:
+Next, select the LobeChat project:
 
-  <Image alt={'Select the LobeChat github project'} height={228} inStep src={'https://github.com/lobehub/lobe-chat/assets/28616219/6c3968a8-fbbb-4268-a587-edaced2d96af'} />
+<Image
+  alt={'Select the LobeChat github project'}
+  height={228}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/6c3968a8-fbbb-4268-a587-edaced2d96af'}
+/>
 
-  ### Configure Site Name and Environment Variables
+### Configure Site Name and Environment Variables
 
-  In this step, you need to configure your site, including the site name, build command, and publish directory. Fill in your site name in the "Site Name" field. If there are no special requirements, you do not need to modify the remaining configurations as we have already set the default configurations.
+In this step, you need to configure your site, including the site name, build command, and publish directory. Fill in your site name in the "Site Name" field. If there are no special requirements, you do not need to modify the remaining configurations as we have already set the default configurations.
 
-  <Image alt={'Configure LobeChat site name'} height={712} inStep src={'https://github.com/lobehub/lobe-chat/assets/28616219/f3885537-6d43-422f-b1b8-e70732401025'} />
+<Image
+  alt={'Configure LobeChat site name'}
+  height={712}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/f3885537-6d43-422f-b1b8-e70732401025'}
+/>
 
-  Click the "Add environment variables" button to add site environment variables:
+Click the "Add environment variables" button to add site environment variables:
 
-  <Image alt={'Add LobeChat site environment variables'} height={537} inStep src={'https://github.com/lobehub/lobe-chat/assets/28616219/3b607482-4d99-455a-bc10-3090dd4fe3c5'} />
+<Image
+  alt={'Add LobeChat site environment variables'}
+  height={537}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/3b607482-4d99-455a-bc10-3090dd4fe3c5'}
+/>
 
-  Taking OpenAI as an example, the environment variables you need to add are as follows:
+Taking OpenAI as an example, the environment variables you need to add are as follows:
 
-  | Environment Variable | Type     | Description                                                                                                                                                                 | Example                                                               |
-  | -------------------- | -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------- |
-  | `OPENAI_API_KEY`     | Required | This is the API key you applied for on the OpenAI account page                                                                                                              | `sk-xxxxxx...xxxxxx`                                                  |
-  | `ACCESS_CODE`        | Required | Add a password to access this service. You can set a long password to prevent brute force attacks. When this value is separated by commas, it becomes an array of passwords | `awCT74` or `e3@09!` or `code1,code2,code3`                           |
-  | `OPENAI_PROXY_URL`   | Optional | If you manually configure the OpenAI interface proxy, you can use this configuration to override the default OpenAI API request base URL                                    | `https://aihubmix.com/v1`, default value: `https://api.openai.com/v1` |
+| Environment Variable | Type | Description | Example |
+| --- | --- | --- | --- |
+| `OPENAI_API_KEY` | Required | This is the API key you applied for on the OpenAI account page | `sk-xxxxxx...xxxxxx` |
+| `ACCESS_CODE` | Required | Add a password to access this service. You can set a long password to prevent brute force attacks. When this value is separated by commas, it becomes an array of passwords | `awCT74` or `e3@09!` or `code1,code2,code3` |
+| `OPENAI_PROXY_URL` | Optional | If you manually configure the OpenAI interface proxy, you can use this configuration to override the default OpenAI API request base URL | `https://aihubmix.com/v1`, default value: `https://api.openai.com/v1` |
 
-  <Callout type={'tip'}>
-    For a complete list of environment variables supported by LobeChat, please refer to the [📘
-    Environment Variables](/en/self-hosting/environment-variables)
- 
+<Callout type={'tip'}>
+  For a complete list of environment variables supported by LobeChat, please refer to the [📘
+  Environment Variables](/en/self-hosting/environment-variables)
 </Callout>
 
-  Afteradding the variables, finally click "Deploy lobe-chat" to enter the deployment phase
+Afteradding the variables, finally click "Deploy lobe-chat" to enter the deployment phase
 
-  <Image alt={'Environment variables added'} height={600} inStep src={'https://github.com/lobehub/lobe-chat/assets/28616219/c9f74ec4-ce63-4ce9-b9e2-34bda6fda10b'} />
+<Image
+  alt={'Environment variables added'}
+  height={600}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/c9f74ec4-ce63-4ce9-b9e2-34bda6fda10b'}
+/>
 
-  ### Wait for Deployment to Complete
+### Wait for Deployment to Complete
 
-  After clicking deploy, you will enter the site details page, where you can click the "Deploying your site" in blue or the "Building" in yellow to view the deployment progress.
+After clicking deploy, you will enter the site details page, where you can click the "Deploying your site" in blue or the "Building" in yellow to view the deployment progress.
 
-  <Image alt={'Netlify site details page'} height={396} inStep src={'https://github.com/lobehub/lobe-chat/assets/28616219/a7fd85d5-fd32-4756-814e-ff7ab7567fe1'} />
+<Image
+  alt={'Netlify site details page'}
+  height={396}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/a7fd85d5-fd32-4756-814e-ff7ab7567fe1'}
+/>
 
-  Upon entering the deployment details, you will see the following interface, indicating that your LobeChat is currently being deployed. Simply wait for the deployment to complete.
+Upon entering the deployment details, you will see the following interface, indicating that your LobeChat is currently being deployed. Simply wait for the deployment to complete.
 
-  <Image alt={'LobeChat deployment in progress'} height={325} inStep src={'https://github.com/lobehub/lobe-chat/assets/28616219/1ed8b13d-046e-47c8-bd61-116ffdf5d01b'} />
+<Image
+  alt={'LobeChat deployment in progress'}
+  height={325}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/1ed8b13d-046e-47c8-bd61-116ffdf5d01b'}
+/>
 
-  During the deployment and build process:
+During the deployment and build process:
 
-  <Image alt={'Deployment in progress'} height={558} inStep src={'https://github.com/lobehub/lobe-chat/assets/28616219/1c82d707-cb6f-4924-b246-a5235a919864'} />
+<Image
+  alt={'Deployment in progress'}
+  height={558}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/1c82d707-cb6f-4924-b246-a5235a919864'}
+/>
 
-  ### Deployment Successful, Start Using
+### Deployment Successful, Start Using
 
-  If your Deploy Log in the interface looks like the following, it means your LobeChat has been successfully deployed.
+If your Deploy Log in the interface looks like the following, it means your LobeChat has been successfully deployed.
 
-  <Image alt={'Deployment Successful'} height={558} inStep src={'https://github.com/lobehub/lobe-chat/assets/28616219/c1f945d1-f3e2-4100-b6bb-24d4cb13c438'} />
+<Image
+  alt={'Deployment Successful'}
+  height={558}
+  inStep
+  src={'https://github.com/lobehub/lobe-chat/assets/28616219/c1f945d1-f3e2-4100-b6bb-24d4cb13c438'}
+/>
 
-  At this point, you can click on "Open production deploy" to access your LobeChat site.
+At this point, you can click on "Open production deploy" to access your LobeChat site.
 
   <Image alt={'Access Your LobeChat Site'} height={527} inStep src={'https://github.com/lobehub/lobe-chat/assets/28616219/b04723eb-64ad-4028-a901-dc4e4ee2d0c1'} />
 </Steps>