月白.
← 返回文章
站点介绍·3 分钟阅读

关于这个网站:从这里开始

这个网站的第一篇文章,介绍内容、前端实验室,以及与 AI 协作开发的方式。

这是网站的第一篇文章。

这里不是一套只用来发布文字的传统博客,而是一个持续生长的个人空间:文章负责保存想法,项目负责记录完整成果,前端实验室则用来安放那些从互联网灵感中长出来的交互、动画和小玩具。

这里会放什么

  • 长期保存的文章、随笔与学习笔记
  • 值得记录的项目过程和最终成果
  • 动画、3D、Canvas、WebGL 与其他交互实验
  • 对喜欢的网站效果进行拆解后重新实现的作品

为什么让 AI 成为主要开发者

这个项目选择 React、Next.js 和 Tailwind CSS,很重要的原因是它们拥有大量公开示例。看到一个喜欢的效果时,可以把链接、录屏和交互说明交给 AI,再在固定的项目边界内完成实现。

每个视觉实验都会拥有独立目录和独立页面。实验可以很大胆,但不应该随意修改导航、文章系统或者其他已经存在的实验。

如何收集一个网站效果

一句“照着这个做”通常不够。更有效的参考材料包括:

  1. 原始网站链接。
  2. 效果所在的具体区域。
  3. 一段展示鼠标、滚动或点击过程的录屏。
  4. 希望保留与替换的视觉元素。
  5. 手机端应该保留还是简化这个效果。

这样 AI 可以重建交互原理,同时使用属于本站自己的文字、品牌和素材。

下一步

先让结构保持简单,然后一篇篇补充真实内容、一个个添加实验。等文章和互动需求真正增长后,再考虑全文搜索、评论或后台编辑器。