关于这个网站

市面上不缺好用的博客框架，Hexo 快，Hugo 更快，WordPress 功能丰富。 但我最终还是选择从零开始搭一套 —— 并不是因为现成的不好，而是想在这个过程里把 Nuxt 3 的全栈能力、Tailwind 的样式系统、Redis 持久化存储、Git 驱动的部署串起来完整跑一遍。

这篇博客就是这套流程的产物，也是我持续迭代的一个技术练兵场。 从最初的 Nuxt 2 到全面迁移至 Nuxt 3，每一次重构都是对现代前端工程化的深入理解。

Tailwind 内置的 dark 变体已经解决了大半问题。剩下的主要是全局背景切换，以及需要自定义几处深色主题下的容器阴影。 通过在 HTML 根元素上动态添加/移除 dark 类名来实现主题切换。

<!-- 日间模式 -->
<div class="bg-white"></div>

<!-- 手动触发暗色模式 -->
<div class="dark:bg-neutral-900"></div>

<!-- 跟随系统主题 -->
<script>
if (window.matchMedia('(prefers-color-scheme:dark)').matches) {
  document.documentElement.classList.add('dark')
}
</script>

完整代码可以在 GitHub 仓库看到，这里只贴最核心的一小段示意。