外观
Blog|个人技术博客与作品展示
状态:未准备(实现素材已整理,模板来源与个人改动待确认)
基本信息
- 项目名称 / 时间:Blog;开发起止时间待确认。
- 背景、目标用户与核心功能:用于技术文章阅读和个人项目展示,包含 MDX 文章、目录导航、主题、贡献图等。
- 团队情况与本人职责:待确认模板来源、保留的原功能及自己新增 / 修改的部分;先按“基于既有博客工程二次开发”组织候选经历。
- 技术栈:Next.js App Router、React、TypeScript、Tailwind CSS、Contentlayer2 / MDX、SVG。
- 仓库:本地源码;站点配置为
https://elowyn.cc,本次未验证在线状态。 - 简历位置:前端版第二项目,约占项目篇幅 35%;全栈版基本信息中保留个人网站入口。
30 秒介绍
候选口述(确认分工后使用):这是我用于技术记录与作品展示的个人博客,基于既有 Next.js 博客工程做二次开发。我会重点介绍自己实际修改的文章目录、贡献图和页面交互,并讲清 MDX 内容如何生成文章页面。源码还包含文章元数据和 sitemap,但这些功能是否由我实现,需要和模板原始能力区分。
2 分钟介绍
- 背景:希望文章阅读、技术积累和项目展示集中在一个网站。
- 架构:Contentlayer 处理本地内容,App Router 组织文章 / 列表 / 项目页;客户端组件处理目录、主题和动画。
- 候选本人实现:优先核对
ArticleToc.tsx、GitHubContributionBoard.tsx、GitHubHeatmap.tsx的新增或改动记录。 - 难点:目录滚动时的活动项更新;服务端获取贡献数据与客户端动画分离;隐藏页面和减少动画偏好的处理。
- 取舍:本地内容适合个人写作,维护成本低;不包装成多人 CMS、独立 Go 服务或大型内容平台。
- 结果:补文章页、移动端、暗色模式截图及实际部署说明;性能优化结果需测量前后对比。