周末想升级Nuxt到4.4.2版本，结果困难重重。 首先是 Nuxt 所依赖的 Nitro ，在 2.13.1 升级到 2.13.2 的时候，把依赖项 rollup-plugin-visualizer 从 v6 升级到了 v7 。这项更改直接导致了 Nuxt 的最低 Node.js 要求从 20.x 提升到了 22.x 。 于是我切换 Node.js 的版本到 22.x ，发现程序内因为连接被重置导致Mongodb无法连接。于是我又尝试升级到 24.x 发现仍然连接被重置。 上网一查，原来当前 Node.js 不管是 v22.22.2 还是 v24.14.1 ，在 Windows 下都无法正常连接。 相关 issues 地址：https://github.com/meteor/meteor/issues/14246 当我好不容易把 Node.js 切换到没有这个问题的版本之后， Nuxt 又出问题了。 Nuxt 的 @nuxt/vite-builder 依赖项，在 windows 开发模式中无法正确拼接 CSS 地址。 于是作罢，回退版本。 现在搞不懂到底是 windows 的问题还是 windows 不受待见的问题，难道未来真的要将开发和生活分 2 台电脑来完成了吗？

维基萌博客系统v1可以公开的开发日志

想着增加博客的互动性，就给博客增加了一个投票功能👏

重构了博客的谷歌广告模块，现在可以看到更多广告了😇。 追记：两侧广告会档通知，还是不要了。

想着给博客增加一个页面跳转时的过渡动画，结果加上后发现页面时不时会报错。 于是经历了一番调查之后发现在Nuxt.js中给页面加上跳转动画pageTransition后，页面和组件的onMounted会被执行2次！？ 相关的Issue在Github上也有人提出：https://github.com/nuxt/nuxt/issues/27442 大致需要满足3个条件才会触发： 1.设置了pageTransition 2.mode设置为out-in 3.页面上有await useAsyncData加载接口内容 感觉有点天坑，这个问题虽然最早是今年6月有人发现的，但是实际上我所用的Nuxt版本是去年年底的版本，也就是说这个bug存在了至少大半年...

捣鼓了一圈视频播放器，试了video.js和DPlayer，感觉都不大适合，还是浏览器默认的最适合😂。

参考了各位大佬的代码，给博客加上了sitemap👏。

博客对最新评论展示做了一个字符裁切，没想到如果正好遇到裁切点是emoji的时候会报错。问题是由于 JavaScript 中的字符串是由 UTF-16 编码的字符组成的，而 emoji 通常由两个 UTF-16 字符组成。当尝试裁剪字符串时，如果裁剪位置恰好在一个 emoji 的中间，那么就会得到一个无效的字符，从而导致错误。