1、创建项目目录
mkdir my-image-page
cd my-image-page
2、准备图片和HTML文件
-
上传图片：将 image.jpg 上传到 my-image-page 目录。
-
创建HTML文件：在同一目录下创建一个 index.html 文件
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Image Display</title>
</head>
<body><img src="image.jpg" alt="Display Image" style="width:100%; height:auto;">
</body>
</html>
3、创建 Dockerfile
在 my-image-page 目录下创建一个 Dockerfile 文件，用于定义容器环境。
# Use an official Nginx image as the base image
# 此处若无法直接拉取镜像，可尝试使用代理 FROM docker.fxxk.dedyn.io/nginx:latest
FROM nginx:latest# Copy the HTML and image files into the Nginx web directory
# 拷贝服务器文件到镜像内 docker cp <源文件路径> <容器名称>:<容器内路径>
COPY . /usr/share/nginx/html# Expose port 80
EXPOSE 80
4、构建Docker镜像
在项目目录 my-image-page 中，运行以下命令来构建Docker镜像：
docker build -t my-image-page .
这条命令会根据 Dockerfile 的内容创建一个名为 my-image-page 的Docker镜像。
5、运行Docker容器
docker run -d -p 80:80 --name my-image-container my-image-page
- -d：后台运行容器。
- -p 80:80：将容器的80端口映射到主机的80端口。
- --name my-image-container：为容器指定一个名字。
6、访问页面
- 获取服务器IP：确保云服务器的防火墙允许访问80端口。
- 访问静态页面：通过浏览器访问
http://your-server-ip/或http://your-domain.com/，应该能看到包含图片的静态页面。、
7、生成二维码
使用网站https://www.qr-code-generator.com/生成一个二维码，内容为 http://your-server-ip/ 或 http://your-domain.com/。
8、管理和更新
- 查看运行中的容器：使用 docker ps 可以查看正在运行的容器。
- 停止容器：使用 docker stop my-image-container 可以停止容器。
- 删除容器：使用 docker rm my-image-container 可以删除容器。
- 更新内容：如果需要更新图片或HTML文件，修改文件后重新构建镜像，并运行新容器。
这样，通过Docker，你可以轻松地将这个静态页面部署在容器中，并方便地进行管理和更新。
![P2757 [国家集训队] 等差子序列 和 CF452F Permutation](https://img2024.cnblogs.com/blog/3204443/202408/3204443-20240826154215090-448174330.png)
