Skip to content

/info/history

五个版本的 rin.contact。

2021 年 10 月，我还是学生的时候开始做这个网站，之后又重做了四次。每张幻灯片是一个版本，写了它长什么样、用什么技术做的，以及当时我想做成什么。没留下截图的版本，会直接说明。

rin.contact · v1
v1 个人主页（来自 README 截图）：深色星空背景，左边是圆形头像、名字和社交图标的卡片，右边是标题为 More About Me 的面板和一排技能图标。
v1 README 里我自己截的图（2022年3月），只保留了页面上半部分。

v1 · 2021 年 10 月至 2022 年 3 月

第一个 React 个人主页

  • Create React App 4
  • React 17
  • TypeScript
  • MUI 5
  • framer-motion
  • GitHub Pages
改了什么
第一版是一个用 Create React App 和 TypeScript 写的个人主页，放了简介和学习、项目经历。
当时的想法
当时我在墨大读数据科学，想把它慢慢做成简历加博客。README 里写着不知道要做多久，还把 GitHub Pages 和自定义域名的配置写成了教程，方便别人拿去改。中英双语在待办清单上，旁边备注说可能懒得做。
v1 源码
rin.contact · v2
v2 首页：顶部是蓝色线条图标导航，左边写着 Hello! This is Rin，右边是带社交图标的照片卡片。
2026年10月 用 v2 分支在本地重新构建后截的图。Wayback Machine 没有留下这一版能用的存档。

v2 · 2022 年 12 月

更简洁，也第一次试着做中文

  • Create React App 5
  • React 18
  • React Router 6
  • Tailwind CSS 3
  • i18next
  • MUI 5
  • GitHub Pages
改了什么
第二版升级到 React 18，加了 Tailwind CSS 和 React Router，还用 i18next 放了中英两套词典。内容数据、翻译和页面组件各自分了文件夹。
当时的想法
分支名写的是 minimalist，方向是做得更简洁。README 里那条中文支持的备注，从“可能懒得做”改成了“在做了”。
v2 源码
rin.contact · v3
v3 单页：灰色纹理横幅上是黑白肖像和 Rin Huang 的名字，下面左边是自我介绍，右边是几列技能清单。
2026年10月 用 v3 分支在本地重新构建后截的图。Wayback Machine 没有留下这一版能用的存档。

v3 · 2023 年 4 月

收成一页

  • Create React App 5
  • React 18
  • MUI 5
  • Tailwind CSS
  • GitHub Pages
改了什么
第三版把网站收成一个单页作品集，只有一句话介绍、项目和技能。
当时的想法
源码一共十一个文件，提交集中在 2023 年 4 月的两天里。当时没有留下为什么这么改的记录，这里就不补了。
v3 源码
rin.contact · v4
v4 首页：左上角是 rNLKJA 标志，右上角是图标导航，中间是关于数据分析的等宽字体大标题和两个按钮，下面是戴眼镜的女孩和一只猫的插画。
Wayback Machine 存档截图，2024年5月15日。

v4 · 2023 年 12 月至 2024 年 5 月，一直在线到 2026 年 3 月

Next.js 上的 Pawsibly Rin

  • Next.js 14
  • Pages Router
  • React 18
  • MUI 5
  • Tailwind CSS 3
  • react-icons
改了什么
第四版第一次用 Next.js 来写，除了首页还有博客，和一条按周、按天排的数据科学学习路线。
当时的想法
README 说这是想了好几个月之后的第四次重做，重点放在展示数据科学能力和发自己想写的内容，希望底子好扩展。首页标题叫 Pawsibly Rin，文案里全是猫的双关，现在带路的小猫就是从这里来的。之后它从 2024 年年中一直挂到 2026 年初，没再改过。
v4 源码在新标签页打开
rin.contact · v5
v5 首页：白色的 Nothing 风格版面，大号像素字写着 Rin Huang，旁边有状态标签、点阵背景，右侧数字带红色点缀。
现在的 rin.contact，2026年10月 截图。

v5 · 2026 年 3 月至今

参考 Nothing，中英双语

  • Next.js 16
  • React 19
  • Tailwind CSS 3
  • Bitcount Prop Double
  • DM Sans
  • remark
  • KaTeX
  • Vercel
改了什么
2026 年 3 月开始重新设计，参考 Nothing OS，只用黑、白和一个红点。6 月升级到 Next.js 16 和 React 19，同时上线了博客，到 6 月底每个页面都有了中文版。之后又加了从同一份数据生成的简历页，还有重新上线的大学课程作业。
当时的想法
当时的提交信息直接写着 I love nothing style。v1 待办清单上的中英双语，到第五版才做完。博客是 Claude 在一个周末里搭起来的，做什么、怎么做由我决定。
v5 源码在新标签页打开

第 1 张，共 5 张：v1. 第一个 React 个人主页

时间线

  1. 2021-10

    React 个人主页的第一次提交。

  2. 2022-03

    v1 的 README 写成了一份复用教程。

  3. 2022-12

    v2 用 i18next 加了中英两套词典。

  4. 2023-04

    v3 把网站收成一页。

  5. 2023-12-29

    v4 换成 Next.js 14，标题叫 Pawsibly Rin。

  6. 2024-02

    发了第一篇博客。

  7. 2024-05 → 2026-03

    安静的一段时间，v4 一直在线，没有改动。

  8. 2026-03-08

    开始做参考 Nothing 的新设计（5.0）。

  9. 2026-03-13

    加了 /fun 小页面和 /ds 数据科学主页。

  10. 2026-06-07

    博客重新上线，带 RSS 订阅。

  11. 2026-06-08

    升级到 Next.js 16 和 React 19，网站有了中文版。

  12. 2026-07

    做了一轮性能优化，每个页面加载的内容更少了。

  13. 2026-10

    加了简历页、课程作业集和订单系统，然后是这个导览和历史页（5.26.0）。

网站导览 Pawsibly

Pawsibly 可以带你走七站，把网站逛一遍。如果之前关掉了导览，点这个按钮会重新打开，从第一站开始。

← /info/info/changelog/info/colophon