1.若未安裝Docker,請先安裝Docker


2.安裝後頁

7 Docker部署寶塔面板_docker

 認識4個東西:設置,容器,鏡像和啓動各自的位置

3.可以在鏡像(images)中搜索需要安裝的鏡像安裝,也可以命令行安裝鏡像

4.進入設置》Docker Engine中更新切換為 Docker 官方源或其他國內可用源

7 Docker部署寶塔面板_Mac_02

 阿里雲(我沒成功)

https://cr.console.aliyun.com/cn-hangzhou/instances/mirrors

7 Docker部署寶塔面板_docker_03

 使用指令下載,如寶塔

執行

docker pull btpanel/baota:9.0_lts_lnmp


7 Docker部署寶塔面板_Docker_04

 下載成功後,鏡像中便存在了

7 Docker部署寶塔面板_docker_05

 5.進入寶塔

點擊鏡像》運行》創建容器

7 Docker部署寶塔面板_Mac_06

 填寫信息

7 Docker部署寶塔面板_docker_07

 

7 Docker部署寶塔面板_docker_08

 

訪問
如何訪問
現在,您可以在瀏覽器訪問默認地址http://您的ip地址:8888/btpanel 上的寶塔面板。
默認用户:btpanel
默認密碼:btpaneldocker
容器默認SSH密碼:btpaneldocker

注意:部署完成後,請立即登錄寶塔面板—>面板設置中修改用户名和密碼並修改安全入口
注意:部署完成後,請立即登錄寶塔面板—>面板設置中修改用户名和密碼並修改安全入口
注意:部署完成後,請立即登錄寶塔面板—>面板設置中修改用户名和密碼並修改安全入口
面板入口

http://localhost:8888/btpanel


  

配置好網站後,記得配置本地 hosts 文件

sudo nano /etc/hosts


  

終端執行命令,添加本地域名

 ctrl+o 保存文件 +enter回車鍵確定文件名

重點!!!

在 Mac 系統中,Docker 運行的寶塔面板,要在編輯器中打開網站根目錄,核心是將容器內的網站根目錄映射到 Mac 本地目錄(因為編輯器只能訪問本地文件,無法直接訪問容器內目錄),以下是詳細步驟:

步驟 1:查看現有寶塔容器的掛載信息(確認是否已映射)

首先確認你的寶塔容器是否已經做了目錄映射,避免重複操作:

 

  1. 打開 Mac 終端,執行命令查看運行中的容器:







docker ps



找到寶塔容器的 NAMES(容器名)或 CONTAINER ID(容器 ID)。

  1. 查看容器的掛載詳情:







docker inspect 容器ID/容器名

在輸出結果中找到 Mounts 字段,查看是否有 /www/wwwroot 的映射:

  • 如果有類似 "Source": "/Users/你的用户名/Docker/baota/wwwroot", "Destination": "/www/wwwroot",説明已映射,直接跳到步驟 4。
  • 如果沒有,繼續步驟 2。

步驟 2:停止並移除現有寶塔容器(需重新映射)

注意:如果容器內有重要數據(如網站文件、數據庫),先備份!

  1. 停止容器:






docker stop 容器ID/容器名 



  1. 移除容器:




docker rm 容器ID/容器名

步驟 3:重新運行寶塔容器並添加目錄映射

替換以下命令中的關鍵參數,執行映射:

docker run -d \
--name baota \
-p 8888:8888 \
-p 80:80 \
-p 443:443 \
-p 20:20 \
-p 21:21 \
-p 3306:3310 \
-p 9500:9510 \
-v ~/Desktop/web/bt:/www/wwwroot \
--privileged=true \
btpanel/baota:9.0_lts_lnmp

 

  • ~/Docker/baota/wwwroot:Mac 本地的目錄(可自定義,比如 /Users/張三/baota/wwwroot),建議用絕對路徑。
  • 執行後,寶塔容器會重新啓動,且本地目錄和容器內 /www/wwwroot 實時同步。

將以下命令複製到終端執行(確保每行末尾的\後無空格):

docker run -d \
--name baota \
-p 8888:8888 \
-p 80:80 \
-p 443:443 \
-p 20:20 \
-p 21:21 \
-p 3306:3306 \
-p 9500:9510 \
-v ~/Desktop/web/bt/wwwroot:/www/wwwroot \
-v ~/Docker/web/bt/mysql:/www/server/data \
--privileged=true \
btpanel/baota:9.0_lts_lnmp

  

7 Docker部署寶塔面板_docker_09

 這樣才能將網站目錄映射到桌面文件夾,方便編輯器打開

步驟 4:在編輯器中打開本地映射目錄

以常見編輯器為例:

1. VS Code

  • 打開 VS Code → 左側「資源管理器」→ 點擊「打開文件夾」→ 選擇 Mac 本地的映射目錄(如 ~/Docker/baota/wwwroot)→ 點擊「打開」。
  • 此時修改該目錄下的文件,容器內的網站文件會實時同步,寶塔面板中也能看到修改後的內容。

2. WebStorm/HBuilderX/Sublime Text

  • 操作邏輯一致:選擇「打開項目 / 文件夾」→ 定位到本地映射目錄即可。

補充説明

sudo chmod -R 777 ~/Docker/baota/wwwroot

 

  1. 寶塔面板驗證:打開寶塔面板(http://localhost:8888),進入「網站」→ 查看網站根目錄,確認是 /www/wwwroot/你的網站目錄,此時本地映射目錄下會同步出現該網站文件夾。
  2. 數據庫映射:如果需要持久化數據庫,步驟 3 中已添加 mysql 目錄映射,後續編輯器如需操作數據庫文件,可打開 ~/Docker/baota/mysql

進階:用 Docker Compose 管理(更便捷)(未實際操作驗證哦)

如果習慣用 docker-compose,可創建 docker-compose.yml 文件:

 

version: '3'
services:
baota:
image: btpanel/baota:latest
container_name: baota
ports:
- "8888:8888"
- "80:80"
- "443:443"
- "20:20"
- "21:21"
volumes:
- ~/Docker/baota/wwwroot:/www/wwwroot
- ~/Docker/baota/mysql:/www/server/data
privileged: true
restart: always  # 開機自啓


  

執行啓動命令:

docker-compose up -d


  

這樣配置後,後續只需維護 docker-compose.yml,無需重複輸入長命令,目錄映射也更清晰。