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.tsprojects 数组末尾添加一个对象:

{
  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.tswork 数组里找到对应公司,修改 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 对象,zhen 各是一个字符串数组,每条是一项技能描述。

当前工作经历

公司职位时间
上海某航空研究所 嵌入式软件工程师 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 里这样引用:

![图片说明](/images/my-photo.jpg)

项目封面图:把图片路径填入 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.tszh.home 对象下的 greetingintro 等字段。

Map 文件地图

快速查找:你想改什么,对应哪个文件。

你想修改的内容对应文件关键字
添加/删除博客文章src/content/blog/*.md新建或删除文件
博客文章内容src/content/blog/文章名.md直接编辑正文
项目列表(试验场)src/data/projects.tsprojects 数组
工作经历 / 教育 / 技能src/data/resume.tswork / education / skills
首页 / 导航文字src/i18n/ui.tszh.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.mjssite 字段
这个页面可以随时在浏览器访问 /admin 查看。不需要登录,纯静态展示。