Kariel Halling
返回作品集
精选Web2026

Personal Portfolio System

当前个人网站的设计与内容系统,把作品集、简历和博客组织成可持续更新的展示入口。

TypeScriptshadcn/uiFramer Motion

项目背景

这个项目是当前个人网站本身。它的目标不是只做一个静态名片页,而是建立一个可以长期维护的作品入口:项目案例、职业经历和写作内容都能放在同一个结构里持续更新。

技术结构

  • Next.js App Router 负责页面和路由。
  • Velite 负责 MDX 内容解析和 frontmatter 校验。
  • Tailwind CSS 与 shadcn/ui 负责基础界面系统。
  • Framer Motion 负责页面进入和内容区块的轻量动效。

内容管理

博客文章放在 content/blog,项目详情放在 content/projects,项目摘要和简历信息放在 src/config。这样可以先保持项目轻量,同时让内容结构清晰可迁移。

下一步

接下来会继续替换真实项目内容,完善首页视觉层级,并把作品卡片扩展成更适合展示过程、结果和技术判断的案例入口。