diff --git a/.github/workflows/docker-image.yml b/.github/workflows/docker-image.yml
new file mode 100644
index 0000000..4bdffd9
--- /dev/null
+++ b/.github/workflows/docker-image.yml
@@ -0,0 +1,45 @@
+name: Build and Publish Docker Image
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check Out Repo
+        uses: actions/checkout@main
+      - name: Docker meta
+        id: meta
+        uses: docker/metadata-action@master
+        with:
+          images: ${{ secrets.DOCKER_HUB_USERNAME }}/cook
+          tags: |
+            type=ref,event=branch
+            type=ref,event=pr
+            type=semver,pattern={{version}}
+            type=semver,pattern={{major}}.{{minor}}
+            # set latest tag for default branch
+            type=raw,value=latest,enable={{is_default_branch}}
+      - name: Login to Docker Hub
+        uses: docker/login-action@master
+        with:
+          username: ${{ secrets.DOCKER_HUB_USERNAME }}
+          password: ${{ secrets.DOCKER_HUB_ACCESS_TOKEN }}
+      - name: Set up Docker Buildx
+        id: buildx
+        uses: docker/setup-buildx-action@master
+      - name: Build and push
+        id: docker_build
+        uses: docker/build-push-action@master
+        with:
+          context: ./
+          file: ./Dockerfile
+          push: ${{ github.event_name != 'pull_request' }}
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+      - name: Image digest
+        run: echo ${{ steps.docker_build.outputs.digest }}
diff --git a/Dockerfile b/Dockerfile
new file mode 100644
index 0000000..a9207ec
--- /dev/null
+++ b/Dockerfile
@@ -0,0 +1,20 @@
+FROM node:lts-alpine
+
+RUN apk update
+RUN apk add xdg-utils
+
+RUN npm install -g pnpm
+
+WORKDIR /app
+
+COPY . .
+
+RUN pnpm install
+
+# convert csv to json
+# automatically executed when postinstall
+RUN pnpm convert
+
+EXPOSE 3333
+
+ENTRYPOINT ["pnpm", "dev"]
diff --git a/README.md b/README.md
index d803ca4..c019cb3 100644
--- a/README.md
+++ b/README.md
@@ -41,6 +41,28 @@ pnpm dev
 # http://localhost:3333
 ```
 
+## docker
+
+你可以选择从 Docker Hub 拉取最新的镜像，或本地自行构建。
+
+### 从 Docker Hub 拉取最新的镜像
+
+```bash
+# 从 Docker Hub 拉取最新的镜像
+docker pull yunyoujun/cook:latest
+# 启动容器，然后打开 http://localhost:3333
+docker run -it -d --name cook_dev -p 3333:3333 yunyoujun/cook:latest
+```
+
+### 自己本地构建
+
+```bash
+# 本地构建
+docker build . -t yourname/cook:localdev
+# 启动容器，然后打开 http://localhost:3333
+docker run -it -d --name cook_dev -p 3333:3333 yourname/cook:localdev
+```
+
 ## 致谢
 
 感谢以下小伙伴为本项目提供的数据支持和 QA ！
diff --git a/package.json b/package.json
index 9f47b92..f5a96d9 100644
--- a/package.json
+++ b/package.json
@@ -7,7 +7,7 @@
   "scripts": {
     "build": "npm run convert && vite-ssg build",
     "convert": "esno scripts/convert.ts",
-    "dev": "vite --port 3333 --open",
+    "dev": "vite --port 3333 --open --host",
     "lint": "eslint .",
     "postinstall": "npm run convert",
     "preview": "vite preview",