diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..8d6757b
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,7 @@
+FROM nginx:1.10
+COPY dist/ /usr/share/nginx/html/
+COPY nginx.conf /etc/nginx
+RUN true
+VOLUME /mydata/nginx/conf:/etc/nginx
+VOLUME /mydata/nginx/html:/usr/share/nginx/html
+VOLUME /mydata/nginx/log:/var/log/nginx
diff --git a/README.md b/README.md
index 74e148b..87d448b 100644
--- a/README.md
+++ b/README.md
@@ -30,5 +30,37 @@
 3. 随机生成块：包括随机生成方块的图案和坐标。首先我根据全局参数计算出了总块数，然后用 shuffle 函数打乱存储所有动物图案的数组，再依次将数组中的图案填充到方块中。生成坐标的原理是随机选取坐标范围内的点，坐标范围可以随着层级的增加而递减，即生成的图案越来越挤，达到难度逐层加大的效果。
 4. 块的覆盖关系：怎么做到点击上层的块后，才能点下层的块呢？首先要给每个块指定一个层级属性。然后有两种思路，第 1 种是先逐层生成，然后每个格子里层级最高的块依次判断其周围格子有没有块层级大于它；第 2 种是在随机生成块的时候就给相互重叠的块绑定层级关系（即谁覆盖了我？我覆盖了谁？）。这里我选择了第 2 种方法，感觉效率会高一些。
 
+## 启动命令
+
+- 安装：yarn install
+- 本地启动：yarn dev
+- 构建：yarn build
+
+## docker
+
+### 打镜像目录
+
+![docker镜像构建目录](doc/build_docker_image_dir.png)
+
+### 相关命令
+
+- docker build -f Dockerfile -t yulegeyu .
+![docker镜像构建目录](doc/building.png)
+- docker images
+![docker镜像构建目录](doc/build_done.png)
+- docker run --name yulegeyu -p 8111:80 -d yulegeyu
+![docker镜像构建目录](doc/docker_run.png)
+
+- 阿里云安全组放开8111端口
+
+![docker镜像构建目录](doc/aliport.jpg)
+
+- 示例图
+
+![docker镜像构建目录](doc/game1.png)
+![docker镜像构建目录](doc/game2.png)
+
+
+
 
 
diff --git a/doc/aliport.jpg b/doc/aliport.jpg
new file mode 100644
index 0000000..28d1bea
Binary files /dev/null and b/doc/aliport.jpg differ
diff --git a/doc/build_docker_image_dir.png b/doc/build_docker_image_dir.png
new file mode 100644
index 0000000..ee6c8bc
Binary files /dev/null and b/doc/build_docker_image_dir.png differ
diff --git a/doc/build_done.png b/doc/build_done.png
new file mode 100644
index 0000000..52d967d
Binary files /dev/null and b/doc/build_done.png differ
diff --git a/doc/building.png b/doc/building.png
new file mode 100644
index 0000000..fb578f1
Binary files /dev/null and b/doc/building.png differ
diff --git a/doc/docker_run.png b/doc/docker_run.png
new file mode 100644
index 0000000..ec97a7d
Binary files /dev/null and b/doc/docker_run.png differ
diff --git a/doc/game1.png b/doc/game1.png
new file mode 100644
index 0000000..065810f
Binary files /dev/null and b/doc/game1.png differ
diff --git a/doc/game2.png b/doc/game2.png
new file mode 100644
index 0000000..eceb1ea
Binary files /dev/null and b/doc/game2.png differ
diff --git a/nginx.conf b/nginx.conf
new file mode 100644
index 0000000..ba493e6
--- /dev/null
+++ b/nginx.conf
@@ -0,0 +1,45 @@
+
+user  nginx;
+worker_processes  1;
+
+error_log  /var/log/nginx/error.log warn;
+pid        /var/run/nginx.pid;
+
+
+events {
+    worker_connections  1024;
+}
+
+
+http {
+    include       /etc/nginx/mime.types;
+    default_type  application/octet-stream;
+
+    log_format  main  '$remote_addr - $remote_user [$time_local] "$request" '
+                      '$status $body_bytes_sent "$http_referer" '
+                      '"$http_user_agent" "$http_x_forwarded_for"';
+
+    access_log  /var/log/nginx/access.log  main;
+
+    sendfile        on;
+    #tcp_nopush     on;
+
+    keepalive_timeout  65;
+
+    #gzip  on;
+
+    server {
+	    listen       80;
+	    server_name  localhost;
+
+	    location / {
+	        root   /usr/share/nginx/html;
+	        index  index.html index.htm;
+	    }
+
+	    error_page   500 502 503 504  /50x.html;
+	    location = /50x.html {
+	        root   /usr/share/nginx/html;
+	    }
+	}
+}