Dillion Portfolio 是一个面向开发者的极简作品集模板，用于搭建个人主页，集中展示博客文章、工作经历时间线和项目作品。
用途 该模板适合需要快速建立个人品牌页面的开发者，通过博客、工作经历和项目展示三个核心板块呈现个人技术背景与成果。
主要能力
- 博客：使用 MDX 编写内容，存放于 content/ 目录。
- 工作经历时间线：在 src/data/resume.tsx 中配置个人信息、工作经历、教育背景和项目。
- 项目展示：同样通过 resume.tsx 管理项目数据。
- 动画效果：集成 Framer Motion。
- 样式与组件：使用 Tailwind CSS 和 shadcn/ui。
技术栈
- 框架：Next.js 14
- React：React 18
- 动画：Framer Motion
- 样式：Tailwind CSS、shadcn/ui
- 内容：MDX（用于博客）
- 包管理器：pnpm
- 开发端口：3000
使用方式
-
克隆模板： git clone --depth 1 https://github.com/Eng0AI/portfolio-template.git . 若目录非空，可使用： git clone --depth 1 https://github.com/Eng0AI/portfolio-template.git _temp_template mv _temp_template/* _temp_template/.* . 2>/dev/null || true rm -rf _temp_template
-
移除 Git 历史（可选）： rm -rf .git git init
-
安装依赖： pnpm install
构建： pnpm build
部署： Vercel（推荐）： vercel pull --yes -t $VERCEL_TOKEN vercel build --prod -t $VERCEL_TOKEN vercel deploy --prebuilt --prod --yes -t $VERCEL_TOKEN
Netlify： netlify deploy --prod --dir=.next
自定义 编辑 src/data/ 目录中的内容：
- resume.tsx：个人信息、工作经历、教育背景、项目。 作品集内容以 MDX 文件形式存储在 content/ 目录中。
开发 pnpm dev 访问 http://localhost:3000
适用场景 适合个人开发者搭建作品集网站，展示博客、职业经历和项目案例。
限制 资料中未提供关于收费、价格、平台兼容性、效果或额外使用步骤的更多信息。