最近在给个人网站加一个基于 LLM 的 AI 看板娘功能。技术栈选了 Next.js + React，看板娘库用了 oh-my-live2d。

本以为调个 API 就完事了，结果在状态管理、组件生命周期和库的默认行为上踩了一下午的坑。特此记录一下这段“折腾”经历，希望能帮到后来人。

随着折腾的深入，会逐渐补充。

刚写前端的时候，总觉得有很多概念不清楚，也不清楚他们之间的关系，例如vue、vite、rollup的关系是什么？在这里把所有的概念梳理一下，方便新入门前端的同学。

有时候，总是因为一个愚蠢的很小很小的错误导致自己浪费了很多时间，回过神了很想给自己一巴掌...

为了避免同样的错误再犯，在这里把自己犯过的小错误记录下来。

尝试了一些LLM的客户端，但是目前没有找到一个完美的。

在写题目283. 移动零的时候遇到的，仅仅是一个cout就会导致一个if条件的变化。

在我之前的网站中，文件存储是自己写的，文件保存到服务端本地。这样的弊端很多，占用服务器空间、占用服务器流量、服务器带宽较低且不保证全球访问、难以很想拓展等。为了解决这个问题，我决定把存储单独抽离出来，由腾讯云oss完成。