用途:该技能提供一个面向开发者与设计师的个人作品集模板,基于 Next.js 16、TypeScript 与 TailwindCSS 构建,采用深色主题与紫色渐变点缀,包含打字机动画、响应式布局,以及展示项目、经历和创意技能的分区。
主要能力:包含首页、项目展示、经历时间线、技能与联系等区块;使用 next/font 优化 Poppins 字体;支持在 tailwind.config.ts 中扩展主题颜色与渐变背景;可加入 @vercel/analytics 分析;提供项目卡片数据结构与联系表单示例。
使用方式:
Clone the repository
git clone git@github.com:ibrahimmemonn/Figma_Portfolio.git
Navigate to project directory
cd Figma_Portfolio/
Install dependencies
npm install
运行开发服务器: npm run dev 开发服务器地址为 http://localhost:3000。
部署可用 Vercel CLI:npm i -g vercel,然后 vercel 或 vercel --prod;也可将 GitHub 仓库连接 Vercel 实现推送自动部署。
限制与注意:打字动画组件需标记 'use client';图片需放在 public 目录并使用绝对路径引用;若 Tailwind 样式未生效,检查 tailwind.config.ts 的 content 路径;构建错误可尝试 rm -rf .next 后重新构建。资料未提供收费、价格及具体效果数据。