跳到正文

Blog|个人技术博客与作品展示 ​

状态:未准备(实现素材已整理,模板来源与个人改动待确认)

基本信息 ​

  • 项目名称 / 时间:Blog;开发起止时间待确认。
  • 背景、目标用户与核心功能:用于技术文章阅读和个人项目展示,包含 MDX 文章、目录导航、主题、贡献图等。
  • 团队情况与本人职责:待确认模板来源、保留的原功能及自己新增 / 修改的部分;先按“基于既有博客工程二次开发”组织候选经历。
  • 技术栈:Next.js App Router、React、TypeScript、Tailwind CSS、Contentlayer2 / MDX、SVG。
  • 仓库:本地源码;站点配置为 https://elowyn.cc,本次未验证在线状态。
  • 简历位置:前端版第二项目,约占项目篇幅 35%;全栈版基本信息中保留个人网站入口。

30 秒介绍 ​

候选口述(确认分工后使用):这是我用于技术记录与作品展示的个人博客,基于既有 Next.js 博客工程做二次开发。我会重点介绍自己实际修改的文章目录、贡献图和页面交互,并讲清 MDX 内容如何生成文章页面。源码还包含文章元数据和 sitemap,但这些功能是否由我实现,需要和模板原始能力区分。

2 分钟介绍 ​

  1. 背景:希望文章阅读、技术积累和项目展示集中在一个网站。
  2. 架构:Contentlayer 处理本地内容,App Router 组织文章 / 列表 / 项目页;客户端组件处理目录、主题和动画。
  3. 候选本人实现:优先核对 ArticleToc.tsx、GitHubContributionBoard.tsx、GitHubHeatmap.tsx 的新增或改动记录。
  4. 难点:目录滚动时的活动项更新;服务端获取贡献数据与客户端动画分离;隐藏页面和减少动画偏好的处理。
  5. 取舍:本地内容适合个人写作,维护成本低;不包装成多人 CMS、独立 Go 服务或大型内容平台。
  6. 结果:补文章页、移动端、暗色模式截图及实际部署说明;性能优化结果需测量前后对比。

阅读入口 ​

理解机制,讲清取舍,用复盘检验掌握。