Part record / 项目档案Record ID / MINIMAL-PORTFOLIO

个人网站

一个用 Next.js、MDX 和 TinaCMS 搭建的个人网站,用来记录项目、文章、知识库输出和长期思考。

SPECNext.jsSPECTypeScriptSPECTailwind CSSSPECMDXSPECTinaCMSSPECVercel

这个网站最初是一个作品集和博客,但后来逐渐变成了我的长期内容系统。

它不只展示最终结果,也记录项目过程、文章、知识库输出,以及我在 AI 工具、机械电子工程和个人成长里的阶段性思考。

为什么做这个网站

我需要一个比社交平台更稳定的地方。

社交平台适合即时表达,但内容容易散;简历适合投递,但不适合承载过程;Obsidian 适合生长,但不适合全部公开。

所以这个网站承担的是“筛选后的输出层”:把已经相对成型、能独立阅读、未来还能被复用的内容放出来。

技术结构

  • 使用 Next.js App Router 组织页面
  • 用 MDX 管理项目、文章和页面内容
  • 用 gray-matter 读取 frontmatter
  • 用 TinaCMS 提供可视化编辑入口
  • 部署在 Vercel,并绑定个人域名

这套结构的好处是足够轻:内容可以直接改文件,也可以通过 CMS 编辑;每次提交都能保留版本记录。

我在意的点

这个项目对我来说不是“做一个好看的首页”,而是建立一个可以长期维护的系统。

我希望它满足几个条件:

  • 内容结构稳定,后续新增项目和文章不需要重写页面
  • 视觉克制,不抢内容本身的注意力
  • 页面、项目、文章和站点设置都能被统一管理
  • 能和 GitHub、Vercel、Obsidian 的工作流连接起来

当前状态

网站已经上线,并会继续随着我的项目和知识库更新。它不是一个完成后就放着不管的作品,而是一个持续生长的记录系统。