站点维护指南
不需要记住任何命令,找到对应板块,按模板改文件即可。
Blog 手记 · 博客文章
每篇文章对应 src/content/blog/ 下的一个 .md 文件。
✦ 新增文章
在 src/content/blog/ 新建 文件名.md,粘贴下面的模板:
---
title:
zh: 中文标题
en: English Title
description:
zh: 中文摘要(首页卡片展示)
en: English summary
date: 2026-06-15
tags: [tag1, tag2]
draft: false # 改为 true 则隐藏(草稿)
---
## 正文开始
直接写 Markdown,支持代码块、表格、图片。
```python
print("hello")
``` ✦ 删除文章
直接删除对应的 .md 文件即可。
✦ 隐藏文章(不删除)
把 frontmatter 里的 draft: false 改为 draft: true。
当前文章列表
| 文件名 | 标题 | 日期 | 状态 |
|---|---|---|---|
site-launch.md | 这个站点开始运转了 | 2026/6/12 | 已发布 |
predictive-maintenance-thoughts.md | 预测性维护平台:从数据到决策的几条笔记 | 2026/6/5 | 已发布 |
yolo-edge-deployment.md | YOLO 边缘部署:从训练到机载推理 | 2026/5/20 | 已发布 |
kaggle-happywhale.md | Kaggle 银牌复盘:用度量学习识别鲸豚背鳍 | 2026/5/10 | 已发布 |
avatr-voc-nlp.md | 在阿维塔做 VOC 数据分析:NLP 流水线与低代码落地 | 2026/4/15 | 已发布 |
Projects 试验场 · 项目
文件位置:src/data/projects.ts
✦ 新增项目
在 projects.ts 的 projects 数组末尾添加一个对象:
{
id: 'my-new-project', // URL 路径,英文短横线
title: {
zh: '项目中文名',
en: 'Project English Name',
},
codename: 'CODE-NAME', // 显示在卡片顶部的代号
period: '2026',
status: { zh: '开发中', en: 'In Progress' },
hero: '一句话描述,显示在卡片上',
summary: {
zh: '详细摘要(中文)',
en: 'Detailed summary (English)',
},
challenge: {
zh: '项目面临的挑战',
en: 'Challenges faced',
},
approach: {
zh: ['方案步骤1', '方案步骤2'],
en: ['Step 1', 'Step 2'],
},
outcome: {
zh: ['成果1', '成果2'],
en: ['Outcome 1', 'Outcome 2'],
},
tech: ['Python', 'React'], // 技术标签
github: 'https://github.com/...', // 可选
featured: false, // true 则显示在首页精选
} ✦ 删除项目
在 projects.ts 中删除对应的整个 {...} 对象即可。
当前项目列表
| ID | 名称 | 状态 | 精选 |
|---|---|---|---|
predictive-maintenance | 航空装备预测性维护平台 | 生产中 | ★ 精选 |
drone-detection | 无人机实时目标检测与跟踪 | 已交付 | ★ 精选 |
rots | 远程气味传输系统 | 原型验证 | ★ 精选 |
happywhale | Kaggle Happywhale 鲸豚识别 | 竞赛银牌 | ★ 精选 |
simple-os | Simple-OS | 完整运行 | — |
autoredl | AutoRedL 激光跟随 | 原型完成 | — |
career-navigator | Career Navigator | 可演示 | — |
empathetic-chatbot | 共情对话机器人 | 研究原型 | — |
Resume 履历 · 简历内容
文件位置:src/data/resume.ts
✦ 修改工作经历
在 resume.ts 的 work 数组里找到对应公司,修改 highlights 下的描述。每个字符串是一条要点。
✦ 新增工作经历
// 在 work 数组最前面(最新在前)添加:
{
company: { zh: '公司名称', en: 'Company Name' },
role: { zh: '职位名称', en: 'Job Title' },
period: '2026.01 — 至今',
highlights: {
zh: ['职责描述1', '职责描述2'],
en: ['Responsibility 1', 'Responsibility 2'],
},
}, ✦ 修改个人技能
修改 resume.ts 中的 skills 对象,zh 和 en 各是一个字符串数组,每条是一项技能描述。
当前工作经历
| 公司 | 职位 | 时间 |
|---|---|---|
| 上海某航空研究所 | 嵌入式软件工程师 | 2025.06 — 至今 |
| 上海千兆会贸易有限公司 | 技术合伙人 | 2024.08 — 至今 |
| 阿维塔科技(重庆)有限公司 | 产品数据实习生 | 2024.04 — 2024.08 |
| 上海高知特信息技术有限公司 | Python 开发 | 2023.02 — 2023.07 |
| 普华永道信息技术(上海)有限公司 | 测试开发实习生 | 2022.07 — 2022.12 |
| 得物 | 算法工程师 | 2021.07 — 2021.10 |
Deploy 发布与部署
✦ 发布到 Cloudflare Pages
在项目根目录打开终端(PowerShell),运行:
npm run deploy
这条命令会自动构建并推送到 Cloudflare Pages。
✦ 本地预览
npm run dev
浏览器打开 http://localhost:4321 即可预览。
✦ 添加图片
把图片文件放进 public/images/ 目录,然后在 Markdown 里这样引用:

项目封面图:把图片路径填入 projects.ts 对应项目的 image: '/images/xxx.jpg' 字段(需先在 BaseLayout 里渲染该字段)。
✦ 修改网站颜色 / 字体
文件:src/styles/global.css 顶部的 :root 变量块。
--accent-amber: #c9a227; /* 主强调色(金色)*/ --accent-teal: #2dd4bf; /* 次强调色(青色)*/ --bg-void: #050506; /* 背景色 */
✦ 修改导航栏 / 页脚
文件:src/layouts/BaseLayout.astro,导航链接在 <nav> 标签内,页脚在 <footer> 标签内。
✦ 修改首页文字
文件:src/i18n/ui.ts → zh.home 对象下的 greeting、intro 等字段。
Map 文件地图
快速查找:你想改什么,对应哪个文件。
| 你想修改的内容 | 对应文件 | 关键字 |
|---|---|---|
| 添加/删除博客文章 | src/content/blog/*.md | 新建或删除文件 |
| 博客文章内容 | src/content/blog/文章名.md | 直接编辑正文 |
| 项目列表(试验场) | src/data/projects.ts | projects 数组 |
| 工作经历 / 教育 / 技能 | src/data/resume.ts | work / education / skills |
| 首页 / 导航文字 | src/i18n/ui.ts | zh.home / zh.nav |
| 网站颜色 / 字体 / 间距 | src/styles/global.css | :root 变量 |
| 导航栏 / 页脚结构 | src/layouts/BaseLayout.astro | <nav> / <footer> |
| 首页布局 | src/pages/index.astro | 整个文件 |
| 图片文件 | public/images/ | 直接放文件,Markdown 里用 /images/xxx 引用 |
| 网站域名 / 部署配置 | astro.config.mjs | site 字段 |