我近期沉迷于 Atomic CSS-in-JS。本博客目前使用 Panda CSS 生成样式，但通过 PostCSS 使用 Panda CSS 会获得非常稀烂的开发体验，我也不太喜欢使用 CLI Mode，故将目光转移至 Facebook 的 StyleX。本文将会介绍一种在 Vue 或 Svelte 项目上使用 StyleX 的方法。

之前一直在搜索相关资料、以进一步优化本站的性能并提升本站的防护，但网络上做「优化」和「防护」的缘由算是众说纷纭、一个比一个离谱。因此，这篇文章我将瞎写一通、抛开一切杂七杂八的、过多考虑无任何意义的外部因素、回归到本质问题，以「网站优化」和「网站防护」两个方面出发，分享一路上如何精准进行一个踩坑。

去年的 4 月 13 号，我用 Nuxt 3 和 Nuxt Content v2 重构了我的博客、并稳定运行到了今年年末；今年年末，趁着终于有点动力、以及 Noutious 在 R2's thoughts 顺利工作，我用 Noutious 和 Nuxt 4 再次重构了我的博客。咳咳，由于本文之前写的过于简单，因此我在年末重新写了一版、希望能将重构博客中的大部分细节带给屏幕前的你。

让我用一篇文章告诉你：一个年中就挖出来的坑，是如何用了几个月的时间才填满的（

一觉醒来，才发现 Cloudflare 推出了一个 Workers 的新功能——Static Assets，我便以最快的速度将网站重新部署回了 Cloudflare Workers。

好不容易再次充满干劲，趁着这个机会把 Sliver Complex 的登陆页给重写一下，顺便尝试一下之前就想试一试的 Svelte 与 SvelteKit。

为实现延时跳转，一些站点使用了 JavaScript 的 setTimeOut() 和 window.open() 调用方法。但访客会在这一个地方收到浏览器的提示：已拦截弹出式窗口。这是为什么呢？