黑暗模式

前阵子折腾博客，使用 Nuxt3 开发静态博客，开发过程还算顺利，但是部署过程不顺利，总感觉有什么东西没搞清楚，官网文档也写得真烂，半成品也不想用，先搁置着吧。如果使用 SSG 的部署方式，直接用 Hugo 也没什么不好，索性再回归到 Hugo 上来。不过我把之前开发的黑暗模式切换动画搬过来了，效果还不错。 博客左上角暗黑模式切换可看效果。主要依赖 View Transition API 中的 startViewTransition 方法实现动画的过度。这算是一个比较新的东西，兼容性并不是很好，如下： 具体修改过程就不记录了，每个主题都不一样，在网上搜下相关教程都能改。不过有一点需要强调下，如果使用类名切换来实现暗黑模式切换的，类名需要加在 html 标签上才能完美生效，这个我踩了坑，因为本主题的暗黑类名是加在 body 标签上的，导致我切换过程不完整生效，后来修改到 html 标签上就好了。 说点题外话，没想好博客后面怎么弄，评论区也先关闭了。博客应该以内容为主，而我总想着先设计一个好看的，符合自己审美的界面博客，但是又没怎么输出内容，有点本末倒置了。后面我应该会在博客上多记录一些有意义的内容，再去考虑重新设计个人博客界面，当然前提是我还有精力。