我又又又又又不知道多少次重写个人网站了。
2024 一整年时间，只发布了四篇不那么水的文章。域名和服务器也快要过期了，正好趁着这个机会做个断舍离。
原本使用的 CC 域名又涨价了，涨到了和 .COM 域名的价格一样，那我为什么不直接用 .COM 呢。去年的时候我记得非常清楚续费只需要三十多元的。服务器是我在某年双十一我在良心云买的，当时是 180元/3年 买的 2H2G6M，后面搞活动升到了 4H4G8M，今年一看续费价格将近 1500 块...。
仔细想想，现在 serverless 的平台那么多，Vercel、Netlify、Cloudflare 等等都有充足的免费额度，我为什么还要自己维护服务器呢？
动机
上一个版本是 2022 年底，使用 Next.js + TailwindCSS + Drizzle + PostgreSQL 搭建的，并部署在 Vercel 上。
最近一年 Next.js 的更新我越来越看不懂了，写起来心智负担超级大，每次程序出错都要先去查一下 issue 列表，然后才能找到解决方案。网上吐槽 Next.js 的帖子也多的数不清...
https://x.com/randyloop/status/1750378318585889142
https://x.com/cellinlab/status/1862345677696901342
https://x.com/samyarkd/status/1874166282087784847
就像@Dreamer__Paul说的：当代码强行引入 Next 以及它的所有功能和特性了，你就已经没法再摆脱它了。所以，我决定换一个框架重写个人网站，这一次我选择了 Nuxt.js。
还有一点，我预想中的个人网站会像是 Antfu 那样的简约风的，上一个版本风格还是有点杂乱了(还不是因为抄了太多网站)。所以就有了现在这个网站，风格简约，没有太多花哨的东西。
技术选型
相比 Typecho、WordPress、Halo 这些 CMS 系统，我更喜欢类似 Hexo、Hugo 这样的静态网站。而让我选择 Nuxt 的一个原因是 NuxtLabs 官方推出的 NuxtHub 和
Nuxt Studio。
NuxtHub 是 Nuxt 的部署和管理平台，它可以在您的 Cloudflare 帐户上以零配置的方式部署包含 D1 数据库、KV 和 Blob 存储、Analytics 分析、Cache 缓存的 Nuxt 应用程序。Nuxt Studio 是专为 Nuxt 开发者设计的基于 Git 的 CMS，可以实时预览和测试您的 Nuxt 应用程序。
和 Vercel 类似，首次部署时将 Git 仓库与 NuxtHub、Cloudflare 关联后，每次只需要将更改的代码提交到 GitHub 后，NuxtHub 会进行自动化的部署。Cloudflare 真的太良心了，免费额度对我唯一的限制就是每月 500 次构建，不过我目前大概率用不到 500 次，所以对我来说完全够用。
既然决定部署到 Cloudflare，那我肯定要使用它的 R2 对象存储了，对象存储最贵的部分就是流量，而 R2 对象存储的流量是免费的。所以我就把之前使用的腾讯云的 COS 对象存储换成了 Cloudflare 的 R2。又省了一笔钱，美滋滋。
一些有趣的东西
好久之前就在 Innei 的博客上看到过展示正在使用的软件的功能，当时就觉得很有意思，所以我也想做一个。
经过一番搜索，我找到了这个开源项目：Github：Phineas/lanyard，应该可以实现我想要的功能，并且不用写很多代码。只需要将 Discord 用户 ID 填入即可获取对应用户的状态。觉得不安全可以自己部署一个，或者直接用 Discord 的 API 也是可以的，但是需要用户授权，而使用这个 API 则不需要。
要展示 Spotify 听的歌曲，需要先到 Discord 的设置 - 连接 - Spotify 中连接自己的 Spotify 账号(其实直接用 Spotify 的 API 也可以，但是需要用户授权)。要展示 Cursor 正在编辑的文件，则需要安装插件 Discord Presence。
由于 Discord 是国外的 APP，现在能直接展示的软件只有 Spotify、Steam、EPIC 之类的，国内的软件就无法直接展示了，需要自己手动添加，比如使用自定义 Discord Rich Presence 管理器，又或者自己写点代码。
效果展示：
Todo: 等我什么时候有时间了，搞个 QQ 音乐和网易云音乐的展示，Spotify 在国内使用还是有点不方便的。