chore: split dev and production deployment env

This commit is contained in:
湛兮
2026-06-05 12:32:29 +08:00
parent 1d841fc1dd
commit ecc39745d7
3 changed files with 20 additions and 0 deletions
+2
View File
@@ -6,6 +6,8 @@
"scripts": { "scripts": {
"dev": "astro dev", "dev": "astro dev",
"build": "astro build", "build": "astro build",
"build:test": "PUBLIC_APP_ENV_LABEL=测试环境 astro build",
"build:prod": "PUBLIC_APP_ENV_LABEL=生产环境 astro build",
"preview": "astro preview" "preview": "astro preview"
}, },
"dependencies": { "dependencies": {
+2
View File
@@ -3,6 +3,7 @@ import { resume, resumeEn } from "../data/resume";
import "../styles/global.css"; import "../styles/global.css";
const githubUrl = "https://github.com/zhanBoss"; const githubUrl = "https://github.com/zhanBoss";
const appEnvLabel = import.meta.env.PUBLIC_APP_ENV_LABEL || "生产环境";
const translations = { zh: resume, en: resumeEn }; const translations = { zh: resume, en: resumeEn };
const navIds = ["top", "proof", "skills", "projects", "experience", "contact"]; const navIds = ["top", "proof", "skills", "projects", "experience", "contact"];
const brandAssets = { const brandAssets = {
@@ -143,6 +144,7 @@ const projectLogoFor = (id: string) => brandAssets.projects[id] ?? null;
<body> <body>
<div class="scroll-progress" id="scroll-progress"></div> <div class="scroll-progress" id="scroll-progress"></div>
<canvas class="ambient-canvas" id="ambient-canvas" aria-hidden="true"></canvas> <canvas class="ambient-canvas" id="ambient-canvas" aria-hidden="true"></canvas>
<div class="environment-badge" aria-label={`当前环境:${appEnvLabel}`}>{appEnvLabel}</div>
<header class="topbar"> <header class="topbar">
<a class="brand" href="#top" aria-label={`${displayNameFor(resume)} 简历首页`}> <a class="brand" href="#top" aria-label={`${displayNameFor(resume)} 简历首页`}>
+16
View File
@@ -101,6 +101,22 @@ a {
background: linear-gradient(90deg, var(--green), var(--blue), var(--amber)); background: linear-gradient(90deg, var(--green), var(--blue), var(--amber));
} }
.environment-badge {
position: fixed;
top: 72px;
right: 16px;
z-index: 61;
padding: 8px 10px;
color: #ffffff;
font-size: 12px;
font-weight: 750;
line-height: 1;
letter-spacing: 0;
background: rgba(20, 20, 24, 0.86);
border-radius: 999px;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}
.ambient-canvas { .ambient-canvas {
position: fixed; position: fixed;
inset: 0; inset: 0;