0 序言

首先，我来介绍下，这个webstack导航网站实际上是被做成了wordpress的一个主题，具体这个主题的下载地址如下：

WordPress 版 WebStack 导航主题https://github.com/owen0o0/WebStack 我们不需要使用git clone命令，直接下载zip文件就可以，因为wordpress的主题本来就是要求上传zip文件的。不过，在此之前我们需要先搭建wordpress站点。

1 wordpress站点的搭建

我选择使用了docker进行搭建，方便管理也易于操作。先把需要用的镜像拉取下来：

docker pull wordpress:latest
docker pull mysql:5.7

然后编写docker-compose.yml文件，如下所示：

version: "3"

services:
    navigation_website:
        image: wordpress:latest
        container_name: website
        restart: always
        ports:
                - "8082:80"
        networks:
            -  lingjianhua_network
        depends_on:
            - mysql
              # command: php artisan key:generate

    mysql:
        image: mysql:5.7
        container_name: mysql
        restart: always
        environment:
            MYSQL_ROOT_PASSWORD: 56167823
            MYSQL_ALLOW_WMPTY_PASSWORD: 'no'
            MYSQL_DATABASE: 'website'
            MYSQL_USER: 'timtian'
            MYSQL_PASSWORD: 56167823
        ports:
            - "33066:3306"
        volumes:
            - /app/mysql/db:/var/libmysql5.7
            - /app/mysql/conf/my.cnf:/etc/mysql5.7/my.cnf
            - /app/mysql/init:/mysql5.7/docker-entrypoint-initdb.d
            - /home/mysql/log:/var/log/mysql
        networks:
            - lingjianhua_network
              #command: --default-authentication-pugin=mysql_native_password
    nginx:
        image: nginx:latest
        container_name: nginx443
        restart: always
        ports:
            - "443:443"
            - "80:80"
        volumes:
            - /home/nginx/conf/conf.d:/etc/nginx/conf.d
            - /home/nginx/html:/usr/share/nginx/html
            - /home/nginx/log:/var/log/nginx
            - /home/nginx/conf/nginx.conf:/etc/nginx/nginx.conf
        networks:
            - lingjianhua_network    
        
networks:
    lingjianhua_network:

一共三个容器，nginx，wordpress站点还有就是mysql。运行命令