这是网站的第一篇文章。
这里不是一套只用来发布文字的传统博客,而是一个持续生长的个人空间:文章负责保存想法,项目负责记录完整成果,前端实验室则用来安放那些从互联网灵感中长出来的交互、动画和小玩具。
这里会放什么
- 长期保存的文章、随笔与学习笔记
- 值得记录的项目过程和最终成果
- 动画、3D、Canvas、WebGL 与其他交互实验
- 对喜欢的网站效果进行拆解后重新实现的作品
为什么让 AI 成为主要开发者
这个项目选择 React、Next.js 和 Tailwind CSS,很重要的原因是它们拥有大量公开示例。看到一个喜欢的效果时,可以把链接、录屏和交互说明交给 AI,再在固定的项目边界内完成实现。
每个视觉实验都会拥有独立目录和独立页面。实验可以很大胆,但不应该随意修改导航、文章系统或者其他已经存在的实验。
如何收集一个网站效果
一句“照着这个做”通常不够。更有效的参考材料包括:
- 原始网站链接。
- 效果所在的具体区域。
- 一段展示鼠标、滚动或点击过程的录屏。
- 希望保留与替换的视觉元素。
- 手机端应该保留还是简化这个效果。
这样 AI 可以重建交互原理,同时使用属于本站自己的文字、品牌和素材。
下一步
先让结构保持简单,然后一篇篇补充真实内容、一个个添加实验。等文章和互动需求真正增长后,再考虑全文搜索、评论或后台编辑器。