Portfolio system

作品集应该像一个可维护的内容系统,而不是硬编码页面。

这一版把内容拆成 Content Collections,后续既可以继续走文件维护,也可以接上 CMS 管理,不必每次改作品都改页面结构。

03 portfolio tracks
06 detailed entries
Astro maintainable
Pages deployable
Video portfolio 视频作品集

展示完整片子、短版切片和镜头语言拆解。重点是节奏、氛围和叙事推进。

Editorial portfolio 图文作品集

把策略背景、制作过程和最终表达串起来,适合长图文和案例复盘。

Build portfolio 开发项目作品集

展示产品结构、技术方案和上线结果,适合网页、系统和自动化项目。

Homepage logic

首页先让访问者快速判断你擅长什么。

三类作品集分别承担不同任务:视频负责气质和节奏,图文负责解释和复盘,开发项目负责结构和落地。

Featured details

每条线都直接通向详情页。

作品卡片不做过度装饰。用户点击后直接进入详情页,看结果、看流程,也看设计思路。

Update flow

后续更新只改内容,不重做结构。

现在内容已经拆成 Content Collections。你以后新增作品时,只需要新增一个内容文件和对应素材。

内容更新步骤
  1. 在 src/content/videos、src/content/stories 或 src/content/projects 中修改对应作品文件。
  2. 把封面图、流程图和截图放到 public/uploads 或 public/images 下。
  3. 本地从 E:\xcweb_alias 运行 npm run dev,先检查手机端和 PC 端。
  4. 确认无误后运行 npm run deploy:pages,由脚本自动构建、部署并做线上校验。
查看完整运维文档

包含 content collections 目录结构、Decap CMS 本地用法、部署脚本和后续更新流程。