feat: 添加 PWA 支持 — 可安装到主屏幕、离线缓存、刘海屏适配

2026-02-26 16:37:40 +08:00
parent 31003110e1
commit 20f63c67cb
10 changed files with 182 additions and 4 deletions
@@ -0,0 +1,37 @@
+import sharp from "sharp";
+import { mkdirSync } from "fs";
+import { join, dirname } from "path";
+import { fileURLToPath } from "url";
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const publicDir = join(__dirname, "..", "public");
+
+const ACCENT = "#10b981";
+const BG_DARK = "#030712";
+
+function buildSvg(size) {
+  const fontSize = Math.round(size * 0.32);
+  const radius = Math.round(size * 0.18);
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 ${size} ${size}">
+    <rect width="${size}" height="${size}" rx="${radius}" fill="${BG_DARK}"/>
+    <text x="50%" y="54%" text-anchor="middle" dominant-baseline="central"
+          font-family="system-ui,-apple-system,sans-serif" font-weight="700"
+          font-size="${fontSize}" fill="${ACCENT}">NW</text>
+  </svg>`;
+}
+
+const sizes = [192, 512];
+
+for (const size of sizes) {
+  const svg = Buffer.from(buildSvg(size));
+  const out = join(publicDir, `icon-${size}x${size}.png`);
+  await sharp(svg).resize(size, size).png().toFile(out);
+  console.log(`✓ ${out}`);
+}
+
+const appleSvg = Buffer.from(buildSvg(180));
+const appleOut = join(publicDir, "apple-touch-icon.png");
+await sharp(appleSvg).resize(180, 180).png().toFile(appleOut);
+console.log(`✓ ${appleOut}`);
+
+console.log("\nPWA icons generated.");