SuperAPI AI 工具集

magic-portfolio

前端与建站

查看项目

更新于 10-16 01:26

技能介绍

用途:Magic Portfolio 是一个简洁干净的作品集(portfolio)模板,用于搭建个人作品集网站,内置基于 MDX 的博客与项目展示、自动 SEO、图库以及多种主题定制选项。

技术栈:框架为 Next.js 16,使用 React 19、Once UI、Sass 和 MDX 内容,包管理器为 npm,开发端口 3000,需 Node.js v18.17+。

主要能力:提供 MDX 格式的博客文章与项目案例展示,自动 SEO,图库,以及可定制的主题与界面设置。

使用方式:

  1. 克隆模板(目录非空时可改用临时目录方式): git clone --depth 1 https://github.com/Eng0AI/magic-portfolio-template.git .
  2. 可选移除 Git 历史:rm -rf .git 后 git init
  3. 安装依赖:npm install
  4. 构建:npm run build
  5. 开发: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。

限制:资料未提供收费、价格、性能或效果信息,这些暂未提供。