前言

静态网站是一种基于纯静态 HTML、CSS、JavaScript 等文件的网站。它们通常不依赖于数据库或服务器端脚本语言，因此可以使用简单的 Web 服务器服务。相比动态网站，静态网站的优点是易于部署和维护，具有较快的加载速度和较低的安全风险。缺点则是其交互性和可扩展性较弱，很难处理复杂的业务逻辑和大规模数据驱动的内容更新。
今天教大家用docker搭建静态网站

使用 Docker 搭建静态网站具有以下好处：

管理方便：Docker 可以帮助您轻松地管理和部署应用程序。将静态网站打包成 Docker 镜像后，可以在不同环境中轻松部署，无需手动安装和配置服务器软件。
环境一致性：使用 Docker 可以确保每个运行镜像的环境都是一致的。这意味着您的网站将在任何系统上都能正常工作，而不会受到系统差异的影响。
安全性：Docker 为每个镜像提供隔离环境，因此您的静态网站不会影响主机的安全性。此外，Docker 还提供了安全性功能（如 AppArmor 和 SELinux），可以帮助您更好地保护您的网站免受攻击。
可伸缩性：使用 Docker 可以轻松扩展您的静态网站。当需要处理更多流量时，只需启动更多的容器即可。这使得您的网站能够适应突发流量和高负载。
总之，使用 Docker 搭建静态网站可以帮助您轻松地管理和部署您的网站，并提供更好的安全性、可伸缩性和环境一致性。

准备一台服务器

有需要购买服务器的可以从一下地址购买
https://duan.yyzq.cf/vps

一、Docker环境部署

在vps安装docker和docker-compose
Docker官方安装文档（英文）
https://duan.yyzq.cf/docker-001
Docker-Compose官方安装文档（英文)
https://duan.yyzq.cf/docker-002
Centos安装Docker和Docker-compose（中文）
https://duan.yyzq.cf/docker-003
Ubuntu安装Docker和Docker-compose（中文）
https://duan.yyzq.cf/docker-004

或者也可以用我汇总的一键脚本来安装

bash <(curl https://alist.ywsj.cf/d/Cloudreve/shell/linuxtools.sh)

二 、下载网站源代码

mkdir ~/my_site ; cd ~/my_site #创建一个目录用来存放docker-compose.yml文件和html目录

wget --mirror example.com #将example.com静态网站的源代码下载下来

三 、将源码目录重命名

mv example.com html  #将网站目录改为html

四、创建docker-compose.yml文件

vim docker-compose.yml  # 新建一个yml文件

version: '3.3'  # 这是一个Docker Compose文件的版本声明，它表明该文件符合Docker Compose文件格式版本3.3
services:
    chatgpt-php-site:   #服务名，可以自定义
        container_name: chatgpt-php-site    #容器名，可以自定义
        ports:
            - '3387:80'   # 冒号:左边的3387可以改成任意vps上未使用过的端口,冒号右边是本docker镜像里的端口
        environment:
            - PUID=0    # 用户ID,在终端输入id可以查看当前用户的id默认是0root
            - PGID=0    # 组ID同上
            - TZ=Asia/Shanghai  #时区，可以自定义
        restart: always    #开启自启动其他选项看以下备注
        volumes:
           - './html:/usr/share/nginx/html' #目录映射，冒号:左侧可以更改本地的目录(这里用html)，右侧是对应的容器的目录(这里对应容器里的nginx的网站目录)
        image: gindex/nginx-php   #镜像名一般都是使用的哪个镜像就写哪个镜像。

五、执行docker-compose命令生成容器

运行容器

docker-compose up -d 

查看是否成功

docker-compose ps

六、打开网页即可使用静态网站

默认是
http://ip:3387
如：
http://324.97.195.203:3387/

七、绑定域名(可选)

绑定域名可以参考
NginxProxyManager
https://duan.yyzq.cf/npmch
绑定完域名就可以用域名来访问了

静态网站示例展示

有需要源码的可以联系我
微信：lyl986571992

1.chatgpt网站

https://ai.ywsj.eu.org/

关注我的微信公众号有云转晴回复：chatgpt-php
获取源码

2.客源推广网站

https://www.itelyou.tk/

关注我的微信公众号有云转晴回复： keyuan
获取源码

3.在线小游戏

https://game.ywsj.eu.org/

关注我的微信公众号有云转晴回复：小游戏源码
获取源码

4.在线随机密码生成器

https://pw.ywsj.eu.org/

关注我的微信公众号有云转晴回复：password
获取源码

5.网页时钟

https://time1.itellyou.cf/

关注我的微信公众号有云转晴回复：time
获取源码

6.在线TTS文本转语音

https://tts.ywsj.ga/

关注我的微信公众号有云转晴回复：tts
获取源码