用途:Magic Portfolio 是一个简洁干净的作品集(portfolio)模板,用于搭建个人作品集网站,内置基于 MDX 的博客与项目展示、自动 SEO、图库以及多种主题定制选项。
技术栈:框架为 Next.js 16,使用 React 19、Once UI、Sass 和 MDX 内容,包管理器为 npm,开发端口 3000,需 Node.js v18.17+。
主要能力:提供 MDX 格式的博客文章与项目案例展示,自动 SEO,图库,以及可定制的主题与界面设置。
使用方式:
- 克隆模板(目录非空时可改用临时目录方式): git clone --depth 1 https://github.com/Eng0AI/magic-portfolio-template.git .
- 可选移除 Git 历史:rm -rf .git 后 git init
- 安装依赖:npm install
- 构建:npm run build
- 开发:npm run dev,访问 http://localhost:3000
定制位置:主题与界面设置位于 src/resources/once-ui.config.js;站点内容位于 src/resources/content.js;博客文章位于 src/app/blog/posts/;项目案例位于 src/app/work/projects/。
部署: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。
限制:资料未提供收费、价格、性能或效果信息,这些暂未提供。