← 返回项目库

个人作品集与开发者展示站

一套可直接部署的个人作品集与开发者展示站。

基于 React、Framer Motion 和 Sass，提供首页介绍、关于我、作品筛选、技能经历、客户评价和联系表单等展示页面。无 Sanity 配置时可离线打开页面；配置 Sanity 后可接入原项目的内容管理能力。

真实界面

项目截图

共 6 张

Web Developer
Good Business
My Creative Portfolio
Skills & Experience
Client Testimonials
Take a coffee & chat with me.

Capabilities

核心功能

✓个人介绍与技能标签
✓作品集分类筛选
✓技能与工作经历展示
✓客户评价轮播界面
✓联系表单与社交链接
✓Sanity 内容管理接入点与离线预览

适用场景

搭建个人作品集
展示开发与设计案例
学习 React 单页站点结构

适合谁

自由职业者、开发者、设计师和需要快速搭建个人品牌站点的团队。

商业化思路

开源源码学习、个人品牌展示和站点定制服务。

你会拿到什么

  • ✓中文适配源码包
  • ✓保留上游许可证与静态资源
  • ✓可复现的构建与运行证据

部署流程

  1. 1执行 yarn install --frozen-lockfile --ignore-scripts
  2. 2执行 DISABLE_ESLINT_PLUGIN=true yarn build
  3. 3将 build 目录部署到静态 Web 服务器

真实验证结果

已通过确定性构建和 6 张 1440×900 真实运行截图；无 404、坏图、横向溢出或运行时控制台错误。

部署前须知

作品、技能、经历和评价在未配置 Sanity 时保持空列表；联系表单需要配置真实 Sanity 写入服务才会保存数据。

部署难度

中等

最低配置

Node.js 22+；构建后使用任意静态 Web 服务器托管 build 目录。

开源许可证

MIT

最后验证

2026-09-03

技术栈

ReactCreate React AppFramer MotionSass

授权说明

交付包保留上游 LICENSE.md；请按 MIT 许可保留版权和许可声明。

Release notes

版本记录

1 个已发布版本

vcn-c3a316c7 当前推荐

中文候选适配：修复当前 Node/Apple Silicon 构建兼容性、react-tooltip v6 API 和无 Sanity 配置时的离线启动。

部署要求：Node.js 22+ 与 Yarn 1；生产动态内容需另行配置 Sanity。

已知问题：离线预览不提供真实 CMS 数据。

登录后领取