fix: try fix image load 502 in netlify

Author: json-q

.env.example

@@ -1,5 +1,4 @@
 NEXT_PUBLIC_SITE_HOST=https://example.com
-NEXT_PUBLIC_IMAGE_DOMAIN=example.com
 
 # http 无法访问 https，也可使用 next dev --experimental-https 生成证书
 NODE_TLS_REJECT_UNAUTHORIZED=0

netlify.toml

@@ -1,2 +1,5 @@
-  [[plugins]]
+[[plugins]]
   package = "@netlify/plugin-nextjs"
+[images]
+  # https://docs.netlify.com/image-cdn/overview/#remote-path
+  remote_images = ["https://jsonq.top/dns-static/.*"]

next.config.ts

@@ -4,7 +4,7 @@ import type { RemotePattern } from 'next/dist/shared/lib/image-config';
 const imageRemotes: RemotePattern[] = [
   { hostname: 'testingcf.jsdelivr.net', pathname: '/**' },
   { hostname: 'cdn.jsdelivr.net', pathname: '/**' },
-  { hostname: process.env.NEXT_PUBLIC_IMAGE_DOMAIN || '', pathname: '/cdn-static/**' },
+  { hostname: 'jsonq.top', pathname: '/cdn-static/**' },
 ].map((item) => ({
   protocol: 'https',
   hostname: item.hostname,