Portfolio官网
基于 Next.js 14 开发的响应式个人作品集展示网站,支持暗黑模式、SEO 优化、Markdown 渲染,提供项目展示、博客阅读、个人介绍等功能。
Next.js 14React 18TypeScriptTailwindCSSreact-markdownrehype-highlightrehype-slugrehype-autolink-headingsremark-gfmnext-themes响应式布局SEO 优化
- 首页: 个人信息 Hero 区域、技能分类展示、精选项目卡片、最新博客列表、社交链接按钮
- 项目列表: 项目卡片布局、技术栈标签筛选、悬停动画效果
- 项目详情: 项目详细介绍、技术栈展示、Markdown 内容渲染、在线链接和 GitHub 链接
- 博客列表: 博客文章列表、标签筛选、分页加载、发布时间展示
- 博客详情: 博客文章详情、Markdown 渲染、代码高亮、目录导航
- 关于页面: 个人介绍、工作经历时间线、教育背景、社交链接
- 联系页面: 联系表单提交
- SEO 优化: metadata 管理、JSON-LD 结构化数据、sitemap 自动生成、robots.txt 配置
- 用户体验: 响应式布局、暗黑模式切换、平滑滚动、卡片悬停效果