docs: 优化部署文档，通过tabs切换来防止文档的跳跃问题

website/docs/deployment/docker-compose.mdx

@@ -5,10 +5,10 @@ title: Docker Compose 部署
 
 ## 建议配置
 
-建议最低配置 **1核2G** 
+建议最低配置 **1核2G**
 
 > 如果只有 **1核1G**? 请参阅我的博客: [Linux 小资源服务器使用经验总结](http://moonrailgun.com/posts/6769ba51/) 通过交换内存来拓展内存空间
-> 
+>
 > 可供参考的内存用量:
 > ![](/img/misc/memory-usage.png)
 
@@ -22,11 +22,14 @@ title: Docker Compose 部署
 
 ## 拉取镜像
 
-你可以通过从[公共镜像拉取已经编译好的镜像](#从公共镜像中拉取)或者[通过源码手动编译](#从源码中编译)
+你可以通过从**公共镜像拉取已经编译好的镜像**或者**通过源码手动编译**
 
-### 从公共镜像中拉取
 
-**新人推荐**
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
+
+<Tabs groupId="build">
+  <TabItem value="public-image" label="从公共镜像中拉取(推荐)" default>
 
 > 使用已经编译好的镜像可以无需花费足够的计算机资源进行编译，对小资源配置的服务器会十分友好。另外相对于源码编译，公共镜像的代码更加稳定。
 
@@ -35,13 +38,13 @@ docker pull moonrailgun/tailchat # 从公共镜像库拉取 tailchat镜像
 docker tag moonrailgun/tailchat tailchat # 将下载的镜像改名为tailchat(和源码编译保持一致，如果不改的话会走源码编译流程)
 ```
 
-完毕后可以直接跳到 [启动项目](#启动项目) 节
-
 :::info
 可以从 [Docker Hub](https://hub.docker.com/r/moonrailgun/tailchat/tags) 查看历史支持的镜像版本
 :::
 
-### 从源码中编译
+
+  </TabItem>
+  <TabItem value="source-code" label="从编码编译">
 
 *本节内容适用于高级玩家，用于获取最新的tailchat实现，请确保你有足够的docker,nodejs,git的使用常识*
 
@@ -78,14 +81,34 @@ cd tailchat && docker-compose build
 
 编译完毕后可以通过 `docker images` 查看编译完毕的镜像。
 
+  </TabItem>
+</Tabs>
+
+
 ## 启动项目
 
-> 如果你是通过公共镜像拉取的应用
-> 需要手动下载配置文件与配置环境变量以一键启动: 
+<Tabs groupId="build">
+  <TabItem value="public-image" label="从公共镜像中拉取" default>
+
+> 启动之前需要下载配置文件以告知 docker-compose 要如何启动镜像
+> 从仓库下载配置文件与配置环境变量:
 > - [docker-compose.yml](https://raw.githubusercontent.com/msgbyte/tailchat/master/docker-compose.yml)
 > - [docker-compose.env](https://raw.githubusercontent.com/msgbyte/tailchat/master/docker-compose.env)
-> 
-> 或者克隆完整项目 [tailchat](https://github.com/msgbyte/tailchat) 以获得最新的配置文件
+
+```bash
+mkdir tailchat && cd tailchat
+wget https://raw.githubusercontent.com/msgbyte/tailchat/master/docker-compose.yml
+wget https://raw.githubusercontent.com/msgbyte/tailchat/master/docker-compose.env
+```
+
+
+  </TabItem>
+  <TabItem value="source-code" label="从编码编译">
+
+  </TabItem>
+</Tabs>
+
+
 
 在启动之前需要修改一下配置