Docker部署ngnix静态网站

Posted 2020-11-15 lfri

Hello World

首先获取ngnix镜像（默认的是最新版、

docker pull nginx

先来编写一个最简单的Dockerfile，一个Dockerfile修改该Nginx镜像的首页

Dockerfile是一个文本文件，其中包含了若干条指令，指令描述了构建镜像的细节。

1、新建文件夹/ngnix，在该目录下新建一个名为Dockerfile的文件，在里面增加如下内容：

#从本地的镜像仓库里拉取ngxin的docker镜像 
FROM nginx 
#修改ngxin的docker镜像的首页内容
RUN echo ‘Hello World‘ > /usr/share/nginx/html/index.html 

2、在Dockerfile所在路径执行以下命令构建我们自己的ngxin镜像，构建完可用docker images命令查看

docker build -t nginx:rogn.

其中，-t指定镜像名字，命令最后的点（.）表示Dockerfile文件所在路径

3、执行以下命令，即可使用该镜像启动一个 Docker容器

docker run -d -p 92:80 nginx:rogn

4、访问localhost:92就能看到"Hello World"

一个网页

首先，获取源码：地址

在前面的基础上，修改Dockerfile，

源码的文件结构如下，

 

 将文件逐一COPY到 /usr/share/nginx/html 文件夹下。

#从本地的镜像仓库里拉取ngxin的docker镜像
FROM nginx  
#修改ngxin的docker镜像的首页内容
#RUN echo ‘This is Rogn Nginx!!!‘ > /usr/share/nginx/html/index.html  
COPY index.html  /usr/share/nginx/html/index.html 
COPY home.html  /usr/share/nginx/html/home.html 
COPY navigation.html  /usr/share/nginx/html/navigation.html 
COPY css  /usr/share/nginx/html/css
COPY font  /usr/share/nginx/html/font
COPY images  /usr/share/nginx/html/images
COPY js  /usr/share/nginx/html/js

保存，重新构建镜像，启动容器（如果前面的未停止需先停止再启动）。

效果图：

 

 

 

参考链接：

1. https://zhuanlan.zhihu.com/p/78295209

2. https://blog.csdn.net/github_39611196/article/details/78270999

3. https://yeasy.gitbooks.io/docker_practice/image/dockerfile/copy.html