chore: split dev and production deployment env
This commit is contained in:
@@ -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": {
|
||||||
|
|||||||
@@ -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)} 简历首页`}>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user