【Docker】Docker集成Nginx部署静态网站

超、凢脫俗 2022-11-21 14:01 283阅读 0赞

## 前言 ##

本片文章讲解如何通过nginx容器搭建一个静态网站

#### 前置条件 ####

*  了解nginx基础配置
 *  Docker基础，以及会使用Dockerfile构建镜像，可参考这篇文章[Dockerfile构建镜像与命令详解][Dockerfile]

--------------------

## 正文 ##

我这里已经安装好Docker环境，并拉取centos基础镜像，还是基于centos基础镜像来构建，不了解相关概念参考以上文章

### 1. 创建目录编写Dockerfile ###

我的目录结构如下，文件位置要和Dockerfile指定位置对的上

![32a2155ea35693ee526ae91e4e675a74.png][]

*  基于centos基础镜像安装nginx

FROM centos
    MAINTAINER zcl "pianozcl@gmail.com"
    RUN yum install -y nginx
    EXPOSE 80

--------------------

### 2. 构建镜像 ###

docker build -t pianozcl/nginx_web .

![dbbe8eb3bee3f766030b805c3a355458.png][]

--------------------

### 3. 配置静态页面 ###

新建目录，用于挂载静态页面

测试hello.html文件

<head>
    <title>webtest</title>
    </head>
    <body>
    <h1>hello world</h1>
    </body>

### 4. 启动容器 ###

*  \-v 宿主机和容器间的目录映射
 *  $PWD 是宿主机，因为我在website目录下之行该命令，可用这种变量形式代替

![927134f8dc9fd16c48aae46231a3580a.png][]

*  /usr/share/nginx/html docker容器root默认目录

docker run -d -p 80:80 --name website -v $PWD:/usr/share/nginx/html pianozcl/nginx_web nginx -g "daemon off;"

访问浏览器可以看到刚才部署的页面。若要对页面作出修改，只需要修改宿主机映射目录下的文件，无需重新启动。这也是-v参数的作用

![86703d732ca6c9b4ddf6636071114028.png][]

[Dockerfile]: https://blog.csdn.net/matrixZCL/article/details/109438430
[32a2155ea35693ee526ae91e4e675a74.png]: /images/20221120/0913f82baeca4862be7c8676af30950a.png
[dbbe8eb3bee3f766030b805c3a355458.png]: /images/20221120/0fbc758a0aea4976b21a1adfeecf7fe3.png
[927134f8dc9fd16c48aae46231a3580a.png]: /images/20221120/a441fac31db4490db8b089c1646df9cb.png
[86703d732ca6c9b4ddf6636071114028.png]: https://img-blog.csdnimg.cn/img_convert/86703d732ca6c9b4ddf6636071114028.png

发表评论取消回复

表情：

评论列表（有 0 条评论，283人围观）

还没有评论，来说两句吧...

相关阅读

相关 Nginx部署静态web工程

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

心已赠人/ 2023年10月09日 11:59/ 0 赞/ 52 阅读

相关 Nginx-Docker下安装Nginx并部署静态网站

一、Docker安装Nginx教程 [Docker安装Nginx教程][Docker_Nginx] 二、Nginx部署静态网站 1. 把静态文件放到挂载的宿主机

心已赠人/ 2023年06月15日 14:24/ 0 赞/ 58 阅读

相关 nginx静态资源分离部署

修改nginx.conf文件，用于nginx处理静态资源。主要配置如下(在server配置中加入location配置即可)： server {

客官°小女子只卖身不卖艺/ 2023年02月14日 01:45/ 0 赞/ 13 阅读

相关 Docker中部署静态网站

第一步：下载运行并查看 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly

今天药忘吃喽~/ 2022年12月27日 11:01/ 0 赞/ 140 阅读

相关【Docker】Docker集成Nginx部署静态网站

前言本片文章讲解如何通过nginx容器搭建一个静态网站前置条件了解nginx基础配置 Docker基础，以及会使用Dockerfile构建镜像，

超、凢脫俗/ 2022年11月21日 14:01/ 0 赞/ 284 阅读

相关 Github部署静态网站

之前听说过在Github上可以发布静态网站（goole,twitter,微软等在用），今天学习Github版本控制顺带着尝试了一下。觉得不错的是，没有硬盘空间的限制。 1.

偏执的太偏执、/ 2022年08月05日 05:08/ 0 赞/ 236 阅读

相关 Nginx 部署 HTTP 静态服务

搭建静态网站，首先需要部署环境。下面的步骤，将告诉大家如何在服务器上通过 Nginx 部署 HTTP 静态服务。安装 Nginx 在Ubuntu 16.04.3上

谁借莪１个温暖的怀抱￠/ 2022年05月21日 11:41/ 0 赞/ 253 阅读

相关使用Nginx部署静态网站

> 这篇文章将介绍如何利用Nginx部署静态网站。 ![1][] 之前写过2篇有关Nginx的文章，一篇是[《利用nginx，腾讯云免费证书制作https》][nginx

小鱼儿/ 2022年05月16日 02:05/ 0 赞/ 586 阅读

相关 Nginx静态网站部署

Nginx静态网站部署 3.1 静态网站的部署将我们之前生成的静态页（d:\\item）上传到服务器的/usr/local/nginx/html下即可访问

迷南。/ 2022年02月27日 03:46/ 0 赞/ 333 阅读

相关 nginx静态资源分离部署

修改nginx.conf文件，用于nginx处理静态资源。主要配置如下(在server配置中加入location配置即可)： server {

小灰灰/ 2021年06月24日 15:57/ 0 赞/ 513 阅读