寫給前端的Docker實(shí)戰(zhàn)教程

作者：花生PeA 2019-09-27 14:33:34

開發(fā) 前端

本篇文章詳細(xì)而又簡短的介紹了：一名完全不了解 Docker 前端程序員，將全站 Docker 化的過程。

[[278102]]

本篇文章詳細(xì)而又簡短的介紹了：一名完全不了解 Docker 前端程序員，將全站 Docker 化的過程。內(nèi)容主要包含：

Docker 基本概念
真實(shí)站點(diǎn)遷移過程：

靜態(tài)站點(diǎn)
Nodejs 站點(diǎn)(Express)
WordPress(PHP)

一些必備技巧：開機(jī)啟動(dòng)、常用Shell

文章會(huì)講解使用 Docker 過程中用到的全部技術(shù)棧(Github CI、Nginx 反向代理、docker-compose)，絕不會(huì)出現(xiàn)“詳見：http://xxx”甩鏈接的情況。

無需再查閱其他文檔，看著一篇就夠了!

當(dāng)前有哪些問題

手動(dòng)部署成本太高

筆者維護(hù)了諸多網(wǎng)站，其中包含：

我的簡歷：pea3nut.info，使用 Vuejs 構(gòu)建的SPA單頁應(yīng)用，純靜態(tài)。
我的博客：pea3nut.blog，使用著名的 WordPress 搭建(PHP+Apache+MySQL)。
一個(gè)開源項(xiàng)目——Pxer：pxer.pea3nut.org，官網(wǎng)使用 Nodejs + Express SSR 搭建。

而每次我想修改某個(gè)網(wǎng)站內(nèi)容是十分麻煩的。拿大家熟悉的純靜態(tài)站點(diǎn)來說，修改過程如下：

下載：從Github下載代碼，然后本地npm install
開發(fā)：npm run dev本地修改代碼，測試
編譯：npm run build使用 Webpack 進(jìn)行編譯，產(chǎn)出靜態(tài)資源
上傳：打開FTP軟件，上傳替換文件
測試：看看網(wǎng)站是否在線上工作正常
提交：將代碼提交到 Github

哪怕我只是修改個(gè)錯(cuò)別字，都要十幾分鐘。

網(wǎng)站太多，改動(dòng)太頻繁，而每次不管多小的改動(dòng)都很麻煩。簡直讓我感覺自己在維護(hù)一個(gè)萬級(jí)QPS的大型項(xiàng)目。

某個(gè)服務(wù)掛了，我不懂 Linux 無法排查

最近我發(fā)現(xiàn)我的 MySQL 進(jìn)程總是掛掉，導(dǎo)致所有依賴于 MySQL 的站點(diǎn)都掛了。

我也不知道為什么，之前還是好好的。

我嘗試了重啟進(jìn)程、重啟服務(wù)器、撈報(bào)錯(cuò)日志百度，均未奏效。

好吧，其實(shí)我不太懂 Linux，也不太懂 MySQL，我只是想用下他們搭建 WordPress 站點(diǎn)。而最近總出問題，讓我意識(shí)到：

我不僅要維護(hù)站點(diǎn)，我還要維護(hù)環(huán)境

這個(gè)對(duì)于一名前端來說太難了，裝個(gè) nvm 就已經(jīng)是我的極限了。MySQL無緣無故掛掉，我根本沒有能力查出個(gè)一二三四，然后解決它。

我不僅要保證站點(diǎn)本地能跑通，還必須要部署在遠(yuǎn)程VPS穩(wěn)定運(yùn)行。。。

重啟不行。。。那就只能重裝系統(tǒng)了

可是，由于搭建了許多站點(diǎn)，VPS服務(wù)器環(huán)境相當(dāng)復(fù)雜(或許這就是 MySQL 掛掉的原因)，光 Apache 配置文件都幾百行了。重做系統(tǒng)的遷移成本，光是想一想就耗光了我所有的勇氣。

新的技術(shù)方案——Docker

總結(jié)一下有如下問題：

手動(dòng)部署成本太高，改錯(cuò)別字都很麻煩
一臺(tái)服務(wù)器由于時(shí)間累積導(dǎo)致環(huán)境變得“臟亂差”
重裝系統(tǒng)成本太高，難以遷移

而 Docker，正是我解決所有問題SCP-500萬能藥!

那么 Docker 是如何做的呢?

鏡像與容器

Docker 中有兩個(gè)重要概念。

一個(gè)是容器(Container)：容器特別像一個(gè)虛擬機(jī)，容器中運(yùn)行著一個(gè)完整的操作系統(tǒng)。可以在容器中裝 Nodejs，可以執(zhí)行npm install，可以做一切你當(dāng)前操作系統(tǒng)能做的事情。

另一個(gè)是鏡像(Image)：鏡像是一個(gè)文件，它是用來創(chuàng)建容器的。如果你有裝過 Windows 操作系統(tǒng)，那么 Docker 鏡像特別像“Win7純凈版.rar”文件。

上邊就是你所需要了解的 Docker 全部基礎(chǔ)知識(shí)。就這么簡單。

順便一提，在 Docker 中，我們通常稱你當(dāng)前使用的真實(shí)操作系統(tǒng)為“宿主機(jī)”(Host)。

安裝 Docker

安裝 Docker 在你的電腦上就像安裝 VS Code 一樣簡單。

如果你使用的是Windows電腦，需要購買支持虛擬化的版本。如Win10專業(yè)版，Win10家庭版是不行的。

Mac：https://download.docker.com/mac/stable/Docker.dmg
Windows：https://download.docker.com/win/stable/Docker%20for%20Windows%20Installer.exe
Linux：https://get.docker.com/

安裝完Docker后，你可能會(huì)發(fā)現(xiàn)自己可以打開一個(gè)漂亮的 Docker 窗口。其實(shí)這個(gè)窗口沒什么用處，通常我們都是通過CLI命令行的方式操作 Docker的，就像 Git 一樣。

運(yùn)行 Docker

接下來我們搭建一個(gè)能夠托管靜態(tài)文件的 Nginx 服務(wù)器

容器運(yùn)行程序，而容器哪來的呢?容器是鏡像創(chuàng)建出來的。那鏡像又是哪來的呢?

鏡像是通過一個(gè) Dockerfile 打包來的，它非常像我們前端的package.json文件

所以創(chuàng)建關(guān)系為：

Dockerfile: 類似于“package.json” 
 | 
 V 
Image: 類似于“Win7純凈版.rar” 
 | 
 V 
Container: 一個(gè)完整操作系統(tǒng)

創(chuàng)建文件

我們創(chuàng)建一個(gè)目錄hello-docker，在目錄中創(chuàng)建一個(gè)index.html文件，內(nèi)容為：

<h1>Hello docker</h1>

然后再在目錄中創(chuàng)建一個(gè)Dockerfile文件，內(nèi)容為：

FROM nginx 
 
COPY ./index.html /usr/share/nginx/html/index.html 
 
EXPOSE 80

此時(shí)，你的文件結(jié)構(gòu)應(yīng)該是：

hello-docker 
  |____index.html 
  |____Dockerfile

打包鏡像

文件創(chuàng)建好了，現(xiàn)在我們就可以根據(jù)Dockerfile創(chuàng)建鏡像了!

在命令行中(Windows優(yōu)先使用PowerShell)鍵入：

cd hello-docker/ # 進(jìn)入剛剛的目錄 
docker image build ./ -t hello-docker:1.0.0 # 打包鏡像

注意！Docker 中的選項(xiàng)（Options）放的位置非常有講究，docker —help image和docker image —help是完全不同的命令

docker image build ./ -t hello-docker:1.0.0的意思是：基于路徑./(當(dāng)前路徑)打包一個(gè)鏡像，鏡像的名字是hello-docker，版本號(hào)是1.0.0。該命令會(huì)自動(dòng)尋找Dockerfile來打包出一個(gè)鏡像

Tips: 你可以使用docker images來查看本機(jī)已有的鏡像

不出意外，你應(yīng)該能得到如下輸出：

Sending build context to Docker daemon  3.072kB 
Step 1/3 : FROM nginx 
 ---> 5a3221f0137b 
Step 2/3 : COPY ./index.html /usr/share/nginx/html/index.html 
 ---> 1c433edd5891 
Step 3/3 : EXPOSE 80 
 ---> Running in c2ff9ec2e945 
Removing intermediate container c2ff9ec2e945 
 ---> f6a472c1b0a0 
Successfully built f6a472c1b0a0 
Successfully tagged hello-docker:1.0.0

可以看到其運(yùn)行了 Dockerfile 中的內(nèi)容，現(xiàn)在我們簡單拆解下：

FROM nginx：基于哪個(gè)鏡像
COPY ./index.html /usr/share/nginx/html/index.html：將宿主機(jī)中的./index.html文件復(fù)制進(jìn)容器里的/usr/share/nginx/html/index.html
EXPOSE 80：容器對(duì)外暴露80端口

運(yùn)行容器

我們剛剛使用 Dockerfile 創(chuàng)建了一個(gè)鏡像。現(xiàn)在有鏡像了，接下來要根據(jù)鏡像創(chuàng)建容器：

docker container create -p 2333:80 hello-docker:1.0.0 
docker container start xxx # xxx 為上一條命令運(yùn)行得到的結(jié)果

然后在瀏覽器打開127.0.0.1:2333，你應(yīng)該能看到剛剛自己寫的index.html內(nèi)容

在上邊第一個(gè)命令中，我們使用docker container create來創(chuàng)建基于hello-docker:1.0.0鏡像的一個(gè)容器，使用-p來指定端口綁定——將容器中的80端口綁定在宿主機(jī)的2333端口。執(zhí)行完該命令，會(huì)返回一個(gè)容器ID

而第二個(gè)命令，則是啟動(dòng)這個(gè)容器

啟動(dòng)后，就能通過訪問本機(jī)的2333端口來達(dá)到訪問容器內(nèi)80端口的效果了

Tips: 你可以使用docker containers ls來查看當(dāng)前運(yùn)行的容器

當(dāng)容器運(yùn)行后，可以通過如下命令進(jìn)入容器內(nèi)部：

docker container exec -it xxx /bin/bash # xxx 為容器ID

原理實(shí)際上是啟動(dòng)了容器內(nèi)的/bin/bash，此時(shí)你就可以通過bash shell與容器內(nèi)交互了。就像遠(yuǎn)程連接了SSH一樣

發(fā)生了什么

我們總結(jié)下都發(fā)生了什么：

寫一個(gè) Dockerfile
使用docker image build來將Dockerfile打包成鏡像
使用docker container create來根據(jù)鏡像創(chuàng)建一個(gè)容器
使用docker container start來啟動(dòng)一個(gè)創(chuàng)建好的容器

雖然很簡單，但是也沒有感覺到“廣闊天地，大有可為，為所欲為”呢?

遷移靜態(tài)站點(diǎn)

接下來我們實(shí)戰(zhàn)遷移一個(gè)由 Vuejs 寫的純靜態(tài) SPA 單頁站點(diǎn)：

網(wǎng)址：pea3nut.info
源碼：github/pea3nut-info

我打算怎么做

在沒遷移 Docker 之前，若我想更新線上網(wǎng)站中內(nèi)容時(shí)，需要：

本地npm run build打包產(chǎn)出靜態(tài)文件
手動(dòng)通過 FTP 上傳到服務(wù)器
git push更新 Github 源碼

稍微有點(diǎn)麻煩，因此我打算這樣改：

執(zhí)行g(shù)it push
自動(dòng)檢測到 github 有代碼更新，自動(dòng)打包出一個(gè) Docker 鏡像
CI 編譯完成后，SSH 登錄 VPS，刪掉現(xiàn)有容器，用新鏡像創(chuàng)建一個(gè)新容器

而這樣做的好處是：

不必再手動(dòng) FTP 上傳文件
當(dāng)我進(jìn)行修改錯(cuò)別字這樣的簡單操作時(shí)，可以免測。改完直接git push，而不必本地npm run build

Github中的CI

首先是讓 Github 在我每次更新代碼時(shí)打包出一個(gè)鏡像

在 Github，可以有免費(fèi)的 CI 資源用，它就是 Travis CI

在項(xiàng)目中根目錄中添加.travis.yml文件，內(nèi)容如下：

language: node_js 
node_js: 
  - "12" 
services: 
  - docker 
 
before_install: 
  - npm install 
 
script: 
  - npm run build 
  - echo "$DOCKER_PASSWORD" | docker login -u "$DOCKER_USERNAME" --password-stdin 
  - docker build -t pea3nut/pea3nut-info:latest . 
  - docker push pea3nut/pea3nut-info:latest

文件內(nèi)容非常簡單，就是使用npm run build編譯靜態(tài)產(chǎn)出后，打包一個(gè)鏡像并且 push 到遠(yuǎn)程。有幾點(diǎn)需要詳細(xì)說一下：

為了能夠讓鏡像上傳到服務(wù)器，你需要在hub.docker.com中注冊一個(gè)賬號(hào)，然后替換代碼中的pea3nut/pea3nut-info:latest為用戶名/包名:latest即可
使用 Github 登錄 Travis CI 后，在左邊點(diǎn)擊+加號(hào)添加自己的 Github 倉庫后，需要移步到 Setting 為項(xiàng)目添加DOCKER_USERNAME和DOCKER_PASSWORD環(huán)境變量。這樣保證我們可以秘密的登錄 Docker Hub 而不被其他人看到自己的密碼。如下圖：

然后需要添加 Dockerfile 文件來描述如何打包 Docker 鏡像。

按照.travis.yml的命令次序，在打包鏡像時(shí)，npm run build已經(jīng)執(zhí)行過了，項(xiàng)目產(chǎn)出已經(jīng)有了。不必在 Docker 容器中運(yùn)行npm install和npm run build之類的，直接復(fù)制文件即可：

FROM nginx 
 
COPY ./dist/ /usr/share/nginx/html/ 
 
EXPOSE 80

Note: 過程雖然簡單但是線條很長，建議本地多測試測試再進(jìn)行g(shù)it push

若你編譯出的靜態(tài)站點(diǎn)也是一個(gè) SPA 單頁應(yīng)用，需要增加額外的 Nginx 配置來保證請(qǐng)求都能打到index.html。下邊是我寫的vhost.nginx.conf Nginx 配置文件，將不訪問文件的請(qǐng)求全部重定向到/index.html：

server { 
    listen 80; 
    server_name localhost; 
    location / { 
        root /usr/share/nginx/html; 
        index index.html index.htm; 
        proxy_set_header Host $host; 
 
        if (!-f $request_filename) { 
          rewrite ^.*$ /index.html break; 
        } 
 
    } 
 
    error_page 500 502 503 504 /50x.html; 
    location = /50x.html { 
        root /usr/share/nginx/html; 
    } 
}

然后在 Dockerfile 中新加一行，將本機(jī)的vhost.nginx.conf文件復(fù)制到容器的/etc/nginx/conf.d/pea3nut-info.conf，讓 Nginx 能夠讀取該配置文件：

  FROM nginx 
 
  COPY ./dist/ /usr/share/nginx/html/ 
+ COPY ./vhost.nginx.conf /etc/nginx/conf.d/pea3nut-info.conf 
 
  EXPOSE 80

然后執(zhí)行g(shù)it push后，你可以在 Travis CI 看到 CI 的編譯結(jié)果。如果編譯沒問題，遠(yuǎn)程實(shí)際上就有了pea3nut/pea3nut-info:latest這個(gè)鏡像。本地可以試試看該鏡像工作是否正常：

docker image pull pea3nut/pea3nut-info:latest 
docker container create -p 8082:80 pea3nut/pea3nut-info:latest 
docker container start xxx # xxx 為上一條命令執(zhí)行的返回值

運(yùn)行完成后，瀏覽器訪問127.0.0.1:8082應(yīng)該就能看到效果了!

然后你可以登錄遠(yuǎn)程 VPS 服務(wù)器，安裝 Docker，執(zhí)行同樣的命令。然后訪問遠(yuǎn)程 VPS 服務(wù)器的公網(wǎng) IP + 8082 端口號(hào)，應(yīng)該能看到和本地相同的效果。

Tips: 忘了如何在 VPS 上安裝 Docker?在上文“安裝 Docker”一節(jié)，你可能需要的是 Linux 的安裝方式。

curl https://get.docker.com/ > install-docker.sh # 下載安裝腳本 
sh install-docker.sh # 執(zhí)行安裝腳本

Nginx 反向代理

Note: 接下來的操作都是在你的遠(yuǎn)程 VPS 服務(wù)器上操作，并非本地電腦，或者容器中。

目前我們將容器掛到了 8082 端口，但是線上不可能讓用戶手動(dòng)輸入 8082 端口進(jìn)行訪問。而如果將容器直接掛到 80 端口，雖然這樣用戶可以直接不加端口直接訪問，但是如果有第二個(gè)容器，或者更多容器呢?

這時(shí)候就需要在宿主機(jī)跑一個(gè) Nginx，由它來獨(dú)占 80 端口，然后根據(jù)域名來講請(qǐng)求分發(fā)給響應(yīng)的容器。如下圖：

這種方案叫做“反向代理”

登錄VPS服務(wù)器，安裝 Nginx。因?yàn)槲沂?Ubuntu，所以可以用apt安裝。其他 Linux 發(fā)行版可以百度下安裝方法，通常2行內(nèi)可以搞定：

apt update # 更新軟件包 
apt-get install nginx # 安裝 Nginx 
systemctl status nginx # 查看 Nginx 狀態(tài)

此時(shí)本地通過瀏覽器訪問 VPS 的公網(wǎng) IP 可用看到 Nginx 的歡迎頁面。

然后在 VPS 服務(wù)器的/etc/nginx/conf.d/中建立一個(gè)vhost.conf文件，配置如下內(nèi)容：

server { 
    listen 80; 
    server_name pea3nut.info; 
 
    location / { 
        proxy_pass http://127.0.0.1:8082; 
    } 
}

配置的意思是，監(jiān)聽來自 80 端口的流量，若訪問域名是pea3nut.info(替換為你自己的域名)，則全部轉(zhuǎn)發(fā)到http://127.0.0.1:8082中。

配置完成后，重啟 Nginx 服務(wù)器。若是 Ubuntu 可以使用systemctl restart nginx命令，不同 Linux 發(fā)行版稍有不同。

配置成功后，訪問pea3nut.info會(huì)看到和VPS公網(wǎng)IP:8082相同的效果。

更新站點(diǎn)

而遷移完成 Docker 后，我想改一個(gè)錯(cuò)別字的流程變?yōu)椋?/p>

本地修改完成，執(zhí)行g(shù)it push
等待 CI 編譯完成
登錄 VPS 服務(wù)器，執(zhí)行：

docker image pull pea3nut/pea3nut-info:latest 
docker container create -p 8082:80 pea3nut/pea3nut-info:latest # 得到 yyy 
docker container stop xxx # xxx 為當(dāng)前運(yùn)行的容器ID，可用 docker container ls 查看 
docker container start yyy # yyy 第二條命令返回值

命令還是有些長?我們在下面會(huì)進(jìn)一步優(yōu)化它

遷移 Nodejs 站點(diǎn)(Express)

接下來我們實(shí)戰(zhàn)遷移一個(gè)由 Nodejs 寫的 Express SSR 站點(diǎn)

網(wǎng)址：pxer.pea3nut.org
源碼：github/pxer-homepage

我打算怎么做

網(wǎng)站使用 Ejs 模板渲染頁面。在沒遷移 Docker 之前，若我想更新線上網(wǎng)站中內(nèi)容時(shí)，需要：

本地修改好 Ejs 或者其他文件
手動(dòng)通過 FTP 上傳到服務(wù)器
在服務(wù)器端重啟 Nodejs 進(jìn)程。若有 npm 包依賴改動(dòng)，需要在VPS服務(wù)器上手動(dòng)執(zhí)行npm install
git push更新 Github 源碼

稍微有點(diǎn)麻煩，因此我打算這樣改：

執(zhí)行g(shù)it push
自動(dòng)檢測到 github 有代碼更新，自動(dòng)打包出一個(gè) Docker 鏡像
CI 編譯完成后，SSH 登錄 VPS，刪掉現(xiàn)有容器，用新鏡像創(chuàng)建一個(gè)新容器

而這樣做的好處是：

不必再手動(dòng) FTP 上傳文件
不必手動(dòng)維護(hù)服務(wù)器的 Nodejs 運(yùn)行環(huán)境

實(shí)施

具體的過程和處理靜態(tài)站點(diǎn)沒有什么特別的區(qū)別，無非是：

編寫 Dockerfile 文件
在 CI 時(shí)自動(dòng)打包鏡像
在VPS增加一個(gè) Nginx 反向代理

這次就不重復(fù)講了，具體的配置可以參考項(xiàng)目中的相關(guān)文件

Tips: 你可能發(fā)現(xiàn)了 Dockerfile 中的ENTRYPOINT命令必須指定一個(gè)前臺(tái)進(jìn)程。若你的 Nodejs 應(yīng)用是使用 PM2 進(jìn)行保活的，你需要替換pm2 start app.js為pm2-docker app.js

docker-compose

當(dāng)將 Nodejs 站點(diǎn)遷移完成，我們的 VPS 服務(wù)器上已經(jīng)運(yùn)行了2個(gè)容器。每次鏡像更新都要手動(dòng)的docker container create帶一堆參數(shù)是比較麻煩的，尤其是當(dāng)日后容器日益增多的時(shí)候。而這時(shí)，就輪到docker-compose登場了~

docker-compose 是 Docker 官方提供的一個(gè) Docker 管理工具。若你是通過桌面端的 Docker 安裝包安裝的 Docker，它是會(huì)默認(rèn)為你安裝 docker-compose 的。可以試試如下命令：

docker-compose --help

如果是在 Linux，可以通過如下命令安裝 docker-compose：

curl -L "https://github.com/docker/compose/releases/download/1.23.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose 
chmode +x /usr/local/bin/docker-compose

docker-compose 和 Docker 差不多，也是只要一份文件就能跑起來。docker-compose 主要的作用就是能夠讓你不必手敲那么多 Docker 命令

建立一個(gè)目錄，然后在目錄中建立docker-compose.yml，內(nèi)容如下：

version: "3.7" # 這個(gè)是配置文件的版本，不同的版本號(hào)聲明方式會(huì)有細(xì)微的不同 
services: 
    info: 
        container_name: pea3nut-info 
        image: pea3nut/pea3nut-info:latest 
        ports: 
            - "8082:80" 
        restart: on-failure

然后在目錄中鍵入如下命令就能將服務(wù)跑起來：

docker-compose up info

docker-compose 會(huì)幫我們自動(dòng)去拉鏡像，創(chuàng)建容器，將容器中的80端口映射為宿主機(jī)的8082端口。restart字段還要求 docker-compose 當(dāng)發(fā)現(xiàn)容器意外掛掉時(shí)重新啟動(dòng)容器，類似于 pm2，所以你不必再在容器內(nèi)使用 pm2。

如果想要更新一個(gè)鏡像創(chuàng)建新容器，只需要：

docker-compose pull info 
docker-compose stop info 
docker-compose rm info 
docker-compose up -d info # -d 代表后臺(tái)運(yùn)行

筆者已將自己網(wǎng)站部署方式開源，可參考github/pea3nut-hub

遷移 WordPress 站點(diǎn)(Apache + PHP + MySQL)

接下來我們實(shí)戰(zhàn)遷移一個(gè) WordPress 站點(diǎn)

網(wǎng)址：pea3nut.blog
源碼：非公開

可能你也發(fā)現(xiàn)了這個(gè)站點(diǎn)和其他站點(diǎn)的一個(gè)非常大的不同——他的源碼和數(shù)據(jù)是不能公開的。

之前我們打包鏡像時(shí)，都是直接將代碼打進(jìn)鏡像內(nèi)的。這條方案用在這里顯然是不行的，有兩個(gè)問題：

我不想公開 MySQL 數(shù)據(jù)文件和網(wǎng)站內(nèi)容(如圖片)。若將這些打包進(jìn)鏡像，任何人都能docker image pull下載到鏡像，然后取得鏡像內(nèi)的文件。
當(dāng)容器被刪掉，存儲(chǔ)的 MySQL 數(shù)據(jù)都將丟失。

Volume

Docker 提供了一個(gè)叫做 Volume 的東西，可以將容器內(nèi)和宿主機(jī)的某個(gè)文件夾進(jìn)行”綁定“，任何文件改動(dòng)都會(huì)得到同步。所以，我可以將整個(gè)站點(diǎn)目錄和 MySQL 目錄都掛載為 Volume。這樣，當(dāng)容器刪除時(shí)，所有數(shù)據(jù)文件和源碼都會(huì)保留。

在本地建立./blog/mysql-data目錄存儲(chǔ) MySQL 數(shù)據(jù)，建立./blog/wordpress目錄存儲(chǔ) WordPress 源碼。然后修改docker-compose.yml如下：

version: "3.7" 
services: 
    info: 
        container_name: pea3nut-info 
        image: pea3nut/pea3nut-info:latest 
        ports: 
            - "8082:80" 
        restart: on-failure 
+   blog: 
+       container_name: pea3nut-blog 
+       image: tutum/lamp:latest 
+       ports: 
+           - "8081:80" 
+       volumes: 
+           - ./blog/mysql-data:/var/lib/mysql 
+           - ./blog/wordpress:/app 
+       restart: on-failure