Forge-Sanctum
LOG · 日志

portfolio

DATE 日期
2026-10-23
SOURCE 源码
开发/portfolio.md
READ 阅读
~3 min

portfolio（个人作品集）

展示临床护理实践、健康信息化研发、产品线代际、论文与学术成果的个人静态作品集：Astro 驱动构建，纯静态单页面应用架构，不含远程字体、统计脚本或动态框架运行时。

状态：可用（20 个项目详情页与产品线代际已就绪；部署配置已完成）；入口：pnpm dev（本地 :4321）或 portfolio.205716.xyz；仓库：本地工程（未配置远程 Git）

本质

把临床护理经历、全栈工程交付与三条产品线代际归纳为纯静态、低对比度像素网格风格的展示性作品集。

选型

基于 Astro 5 的纯静态站点生成器，TypeScript 组织元数据，PostCSS 定制主题，零运行时 JS 框架开销。

  • 运行时
    • Node 22 / pnpm
  • 框架
    • Astro 5.0
    • TypeScript
  • 样式
    • 原生 CSS + CSS Grid + 硬边框设计语言
  • 部署
    • 纯静态 dist/ 构建 + Nginx 子域名静态托管

功能

  • 产品线代际纵向手风琴：交互式展示失智症照护、居家数字孪生与虚拟病人三条主线的代际演进与系统截图。
  • 项目详情卡片：20 个项目独立详情页，包含临床质控、软硬件工具与算法实验的量化指标和背景职责。
  • 学术出版物索引：严格核验 Crossref / DOI 的学术论文、专利与软著清单。
  • 打印与无障碍优化：@media print 自适应简历打印样式，prefers-reduced-motion 完整支持。
  • 未完成：全站项目多维度动态标签交叉筛选器。

启动流程

pnpm install
pnpm dev          # 本地预览 http://localhost:4321
pnpm check        # Astro 与 TypeScript 类型自检
pnpm build        # 构建静态页面产物至 dist/

前置：Node 20+ 与 pnpm；生产部署推荐使用独立子域名 portfolio.205716.xyz，将 dist/ 目录同步至 Nginx 静态根路径即可。

边界与已知问题

  • 隐私约束：公开页面不包含电话、出生年月等私人敏感信息，且不提供完整未脱敏 PDF 简历下载。
  • 索引策略：默认配置 noindex, nofollow 与 robots.txt Disallow: /，防止搜索引擎索引。
  • 状态同步：作品集数据（productLines.ts）与真实代码仓生命周期需手动同步更新。

文档索引