个人作品集网站开源项目

/ 首页：核心是 Hero 区域，用一句话说明你是谁、做什么，并引导访客浏览作品或直接联系你。

/projects 作品列表页：用卡片网格展示所有项目。每张卡片包含缩略图、项目名称、一句话技术栈说明，这是访客了解你技术广度的第一入口。

/projects/:slug 作品详情页（动态路由）：这是整个网站的重中之重。使用动态路由，为每个项目生成独立页面。内容需包含：项目背景、你的具体职责、技术栈与攻克的技术难点、关键功能截图或动图、GitHub 仓库或线上 Demo 链接。

/about 关于我：讲述你的技术成长路径、擅长的领域（如 Vue/React、工程化、性能优化）以及职业经历。用时间线呈现经历会非常清晰。

/contact 联系页：提供邮箱、GitHub、技术社区主页等联系方式。不要用表单，直接展示可点击的链接或邮箱地址，减少访客的操作成本。