Portfolio system
作品集应该像一个可维护的内容系统,而不是硬编码页面。
这一版把内容拆成 Content Collections,后续既可以继续走文件维护,也可以接上 CMS 管理,不必每次改作品都改页面结构。
展示完整片子、短版切片和镜头语言拆解。重点是节奏、氛围和叙事推进。
Editorial portfolio 图文作品集把策略背景、制作过程和最终表达串起来,适合长图文和案例复盘。
Build portfolio 开发项目作品集展示产品结构、技术方案和上线结果,适合网页、系统和自动化项目。
Homepage logic
首页先让访问者快速判断你擅长什么。
三类作品集分别承担不同任务:视频负责气质和节奏,图文负责解释和复盘,开发项目负责结构和落地。
Featured details
每条线都直接通向详情页。
作品卡片不做过度装饰。用户点击后直接进入详情页,看结果、看流程,也看设计思路。
Update flow
后续更新只改内容,不重做结构。
现在内容已经拆成 Content Collections。你以后新增作品时,只需要新增一个内容文件和对应素材。
- 在 src/content/videos、src/content/stories 或 src/content/projects 中修改对应作品文件。
- 把封面图、流程图和截图放到 public/uploads 或 public/images 下。
- 在仓库根目录运行 npm run dev,先检查手机端和 PC 端。
- 确认无误后运行 npm run deploy:pages,由脚本自动构建、部署并做线上校验。
包含 content collections 目录结构、Decap CMS 本地用法、部署脚本和后续更新流程。