mcpField
D
dillion-portfolio

dillion-portfolio

github.com/rebyteai-template设计与 UI1754 次安装19 周前更新
代码仓库

关于 dillion-portfolio

dillion-portfolio 是面向开发者的 Next.js 作品集模板，包含博客、工作经历时间线和项目展示。开发者可编辑简历数据与 MDX 内容，制作个人网站。

主要功能

  1. 01开发者作品集布局
  2. 02基于 MDX 的博客
  3. 03工作经历时间线
  4. 04项目展示
  5. 05可编辑的简历数据

适用场景

  1. 01创建开发者个人作品集网站
  2. 02发布个人博客并展示项目

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/rebyteai-template/rebyte-skills --skill dillion-portfolio

安装后在 Claude Code 中输入/dillion-portfolio确认已加载。

详细介绍

Dillion 作品集

一款简约的开发者作品集，包含博客、工作经历时间线和项目展示。

技术栈

  • 框架：Next.js 14
  • React：React 18
  • 动画：Framer Motion
  • 样式：Tailwind CSS、shadcn/ui
  • 内容：博客使用 MDX
  • 包管理器：pnpm
  • 开发端口：3000

设置

1. 克隆模板
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
2. 移除 Git 历史（可选）
rm -rf .git
git init
3. 安装依赖
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

评论

支持 Markdown