本站随机壁纸切换方案（白天/夜间双版本）——留给未来的自己
本文是”写给未来的自己”的备忘录，记录当前站点（Hexo + Butterfly 主题）如何实现「白天/夜间两套随机背景图」的完整流程。只要按步骤复制粘贴，即可在任意新环境里 10 分钟还原同样效果，且不破坏主题原有浅色/深色配色，文字始终清晰可读。 一、最终效果 默认加载随机「白天壁纸」；若用户点击右下角 🌙 切换为暗黑模式，背景立即替换成随机「夜间壁纸」。 每套壁纸可放置任意张数，互不影响；刷新页面重新随机。 仅改动背景层，不注入任何额外 CSS，因此不会导致白天/夜间文字对比度异常。 二、前期准备 壁纸尺寸建议 1920×1080 以上，体积 ≤ 500 KB，格式统一（jpg/png 均可）。 命名规则务必保持： 12白天图 → light-1.jpg、light-2.jpg ... light-N.jpg夜间图 → dark-1.jpg、dark-2.jpg ... dark-M.jpg 序号从 1 开始连续，不要 0。 将图片全部放入： 1your-blog/themes/butterfly/source/img/...
渲染测试
标题1加粗测试 列表 项目 print("Hello")
Test
test
发表的第一篇 Blog！！
🎉 这是我第一篇正式发布的博客！记录从零搭建 Hexo + Butterfly 的曲折过程，献给未来的自己。 一、关于这个博客是怎么来的今天下午，我跟着 Kimi 和 通义千问 的建议，在 GitHub 上找了个开源项目 —— Hexo + Butterfly 主题，开始折腾自己的个人博客。 整个过程可以说 “痛并快乐着”： 我甚至把刚装的 Node.js v24.x 给卸了（因为兼容性问题），换回了一个旧版本，只为让 Hexo 能在本地顺利运行。 中间无数次 hexo g 失败、路径报错、依赖冲突……但好在最后成功 git push 到了我的 GitHub 仓库！ 🔗 点击这里查看我的博客源码仓库 二、碎碎念：加了个小功能！今天还顺手让kimi老师帮我搞定了一个有意思的小功能：“本站居然运行了 XXX 天” 的计时器！ 这个功能是 Kimi 帮我在不到 1 小时内搞定的，效率拉满 ✨ 想看看效果？👉 快去 我的主页 找找看！💡 提示：在「关于」页面里哦～ 三、写在最后这篇文章本来就是用来 测试 + 学习 的，我还不太会怎么把内容“正式”地放到网站上，所以...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New Post" More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remote sites1$ hexo deploy More info: Deployment
