feat: build multi-arch docker images (#5)

Author: yanglbme

.github/workflows/docker.yml

@@ -1,4 +1,4 @@
-name: build-docker-image
+name: Build and Push Docker Images
 
 on:
   push:
@@ -9,11 +9,13 @@ on:
 jobs:
   build:
     runs-on: ubuntu-latest
-
     steps:
     - name: Checkout code
       uses: actions/checkout@v4
 
+    - name: Set up QEMU
+      uses: docker/setup-qemu-action@v3
+
     - name: Set up Docker Buildx
       uses: docker/setup-buildx-action@v3
 
@@ -23,17 +25,7 @@ jobs:
         username: ${{ secrets.DOCKER_USERNAME }}
         password: ${{ secrets.DOCKER_PASSWORD }}
 
-    - name: Build base image
-      run: bash scripts/build-base-image.sh
-
-    - name: Build nginx image
-      run: bash scripts/build-nginx.sh
-
-    - name: Build standalone image
-      run: bash scripts/build-standalone.sh
-
-    - name: Build static image
-      run: bash scripts/build-static.sh
-
-    - name: Push images to Docker Hub
-      run: bash scripts/push-images.sh
+    - name: Build and push multi-arch images
+      run: |
+        chmod +x scripts/build-multiarch.sh
+        bash scripts/build-multiarch.sh

docker/latest/Dockerfile.base

@@ -1,14 +1,13 @@
-FROM node:20-alpine3.19 AS builder
+FROM --platform=$BUILDPLATFORM node:20-alpine3.19 AS builder
 ENV LANG="en_US.UTF-8"
 ENV LANGUAGE="en_US.UTF-8"
 ENV LC_ALL="en_US.UTF-8"
-RUN apk add curl
+RUN apk add --no-cache curl unzip
 RUN curl -L "https://github.com/doocs/md/archive/refs/heads/main.zip" -o "main.zip" && unzip "main.zip" && mv "md-main" /app
 WORKDIR /app
 COPY ./patch/vite.config.ts /app/vite.config.ts
 ENV NODE_OPTIONS="--openssl-legacy-provider"
 RUN npm i && npm run build
-RUN touch /app/dist/.nojekyll
 
 FROM scratch
 LABEL MAINTAINER="ylb<[email protected]>"

docker/latest/Dockerfile.nginx

@@ -1,6 +1,6 @@
 ARG VER_NGX="1.21.6-alpine"
 
-FROM "doocs/md:latest-assets" AS assets
-FROM "nginx:$VER_NGX"
+FROM --platform=$BUILDPLATFORM doocs/md:latest-assets AS assets
+FROM --platform=$TARGETPLATFORM nginx:${VER_NGX}
 LABEL MAINTAINER="ylb<[email protected]>"
-COPY --from=assets /app/* /usr/share/nginx/html
+COPY --from=assets /app /usr/share/nginx/html

docker/latest/Dockerfile.standalone

@@ -1,19 +1,22 @@
 ARG VER_GOLANG=1.17.6-alpine3.15
 ARG VER_ALPINE=3.15
 
-FROM "doocs/md:latest-assets" AS assets
+FROM --platform=$BUILDPLATFORM "doocs/md:latest-assets" AS assets
 
-FROM "golang:$VER_GOLANG" AS gobuilder
+FROM --platform=$BUILDPLATFORM "golang:$VER_GOLANG" AS gobuilder
+ARG TARGETARCH
+ARG TARGETOS
 COPY --from=assets /app/* /app/assets/
 COPY server/main.go /app
 RUN apk add git bash gcc musl-dev upx
 WORKDIR /app
+ENV GOOS=$TARGETOS GOARCH=$TARGETARCH
 RUN go build -ldflags "-w -s" -o md main.go && \
     apk add upx && \
-    upx -9 -o md.minify md
+    if [ "$TARGETARCH" = "amd64" ]; then upx -9 -o md.minify md; else cp md md.minify; fi
 
-FROM "alpine:$VER_ALPINE"
+FROM --platform=$TARGETPLATFORM "alpine:$VER_ALPINE"
 LABEL MAINTAINER="ylb<[email protected]>"
 COPY --from=gobuilder /app/md.minify /bin/md
 EXPOSE 80
-CMD ["md"]
+CMD ["md"]

docker/latest/Dockerfile.static

@@ -1,11 +1,11 @@
-FROM doocs/md:latest-assets AS assets
+FROM --platform=$BUILDPLATFORM doocs/md:latest-assets AS assets
 
 # detail https://github.com/lipanski/docker-static-website/blob/master/Dockerfile
-FROM lipanski/docker-static-website
+FROM --platform=$TARGETPLATFORM lipanski/docker-static-website
 
 WORKDIR /home/static
 
-COPY --from=assets /app/* /home/static
+COPY --from=assets /app /home/static
 
 EXPOSE 80
 

docker/latest/patch/vite.config.ts

@@ -8,6 +8,7 @@ import AutoImport from 'unplugin-auto-import/vite'
 import Components from 'unplugin-vue-components/vite'
 import { defineConfig } from 'vite'
 import { nodePolyfills } from 'vite-plugin-node-polyfills'
+import { VitePluginRadar } from 'vite-plugin-radar'
 import vueDevTools from 'vite-plugin-vue-devtools'
 
 // https://vitejs.dev/config/
@@ -27,6 +28,11 @@ export default defineConfig({
         // fs: 'memfs',
       },
     }),
+    VitePluginRadar({
+      analytics: {
+        id: `G-7NZL3PZ0NK`,
+      }
+    }),
     process.env.ANALYZE === `true` && visualizer({
       emitFile: true,
       filename: `stats.html`,

scripts/build-multiarch.sh

@@ -0,0 +1,87 @@
+#!/bin/bash
+
+set -euo pipefail
+
+RELEASE_DIR="./docker"
+REPO_NAME="doocs/md"
+PLATFORMS="linux/amd64,linux/arm64"
+
+echo "🔧 Multi-arch Docker build started..."
+echo "📁 Scanning directory: $RELEASE_DIR"
+
+for app_ver in "$RELEASE_DIR"/*; do
+    [ -d "$app_ver" ] || continue
+
+    tag=$(basename "$app_ver")
+    env_file="$app_ver/.env"
+
+    if [ ! -f "$env_file" ]; then
+        echo "⚠️ Skipping $tag - missing .env file"
+        continue
+    fi
+
+    set -a
+    . "$env_file"
+    set +a
+
+    echo "🚀 Building images for version: $tag"
+    echo "    VER_APP: $VER_APP"
+    echo "    VER_NGX: $VER_NGX"
+    echo "    VER_GOLANG: $VER_GOLANG"
+    echo "    VER_ALPINE: $VER_ALPINE"
+
+    # 构建 base 镜像
+    if [ -f "$app_ver/Dockerfile.base" ]; then
+        echo "📦 Building base image: $REPO_NAME:${VER_APP}-assets"
+        docker buildx build \
+            --platform "$PLATFORMS" \
+            --build-arg VER_APP="$VER_APP" \
+            -f "$app_ver/Dockerfile.base" \
+            -t "$REPO_NAME:${VER_APP}-assets" \
+            --push \
+            "$app_ver"
+    fi
+
+    # 构建 nginx 镜像
+    if [ -f "$app_ver/Dockerfile.nginx" ]; then
+        echo "📦 Building nginx image: $REPO_NAME:${VER_APP}-nginx"
+        docker buildx build \
+            --platform "$PLATFORMS" \
+            --build-arg VER_APP="$VER_APP" \
+            --build-arg VER_NGX="$VER_NGX" \
+            -f "$app_ver/Dockerfile.nginx" \
+            -t "$REPO_NAME:${VER_APP}-nginx" \
+            --push \
+            "$app_ver"
+    fi
+
+    # 构建 standalone 镜像
+    if [ -f "$app_ver/Dockerfile.standalone" ]; then
+        echo "📦 Building standalone image: $REPO_NAME:${VER_APP}"
+        docker buildx build \
+            --platform "$PLATFORMS" \
+            --build-arg VER_APP="$VER_APP" \
+            --build-arg VER_NGX="$VER_NGX" \
+            -f "$app_ver/Dockerfile.standalone" \
+            -t "$REPO_NAME:${VER_APP}" \
+            --push \
+            "$app_ver"
+    fi
+
+    # 构建 static 镜像
+    if [ -f "$app_ver/Dockerfile.static" ]; then
+        echo "📦 Building static image: $REPO_NAME:${VER_APP}-static"
+        docker buildx build \
+            --platform "$PLATFORMS" \
+            --build-arg VER_APP="$VER_APP" \
+            --build-arg VER_NGX="$VER_NGX" \
+            -f "$app_ver/Dockerfile.static" \
+            -t "$REPO_NAME:${VER_APP}-static" \
+            --push \
+            "$app_ver"
+    fi
+
+    echo "✅ Completed version: $tag"
+done
+
+echo "🎉 All images built and pushed successfully."