Butterfly 卡片模糊效果
本文介绍了在 Butterfly 主题网站中为卡片实现毛玻璃效果的方法与问题解决过程。文章首先指出,为所有卡片统一设置 backdrop-filter: blur(7px) 可使导航栏模糊程度一致,但在暗色模式下会因缺乏基础颜色导致卡片与背景糊成一片。作者曾尝试通过 @media (prefers-color-scheme: light) 限制仅在亮色模式生效,但这并非根本解决方案。后来意外发现主题作者为导航栏设计的十六位色(如 #FFFFFFB3 和 #121212CC),通过为亮色和暗色模式分别设置带透明度通道的背景颜色,再统一保留 blur(7px),即可实现不干扰网站扁平化设计的毛玻璃效果,且暗色模式用户也能正常使用。最后,文章给出了在 Butterfly 主题配置文件中引入对应 CSS 文件以及通过 Cloudflare Pages 完成部署的示例代码。
那段 MkDocs 折腾史
本文描述了作者最初在 2025 年因 Arch 系统故障偶然接触 MkDocs 的经历,通过一个大学生博客的引导,一步步搭建起自己的第一个博客网站。虽然当时只会照抄教程、缺少美化技巧,导致网站外观简陋,但这次体验让作者首次发现建站可以如此便捷,无需手写 HTML。后来才意识到 MkDocs 只是文档生成工具,功能如 Sitemap、RSS 等需依赖插件且配置繁琐。作者也回忆了那位引导者 S 佬的博客后来消失,以及自己初中时期请假在家折腾系统的特殊经历,感慨那段时光为个人博客启蒙带来了不可替代的怀念。
Cloudflare AI 防护的影响
本文介绍了 Cloudflare AI 防护功能对网站搜索引擎排名的影响及其解决方案。当用户开启 Cloudflare 的 AI 防护后,系统会自动生成一份 robots.txt 文件,即使网站原本没有该文件,也会禁止绝大部分 AI 和爬虫访问,导致网站在搜索引擎中掉排名甚至无法被搜到。作者通过必应警告发现了这一隐藏问题,并指出除非用户完全不关心网站排名且只希望朋友访问,否则应当关闭该自动功能,自行编写合适的 robots.txt。文章反思了个人网站运维中容易被忽视的细节,强调即便掌握 Linux 等运维技能,仍可能因这类小配置影响网站可见性。
关于个人网站的思考
本文探讨了作者重新审视个人网站价值的经历。作者通过分析 Cloudflare 后台数据发现,大量访客实为 AI 公司部署在西方的爬虫,它们批量下载中文内容用于模型训练却不贡献搜索引擎索引,导致其个人网站几乎无法被搜索到。作者与朋友的争论引出核心观点:个人网站不是保存工具,而是一个游乐场——配置 CDN、分析流量、甚至与爬虫斗智斗勇的过程本身就是乐趣。尽管知道内容可能被 AI 消化、姓名被抹去,作者仍选择继续更新,因为游戏的意义在于过程而非结局。文章反思了在 AI 时代个人创作的被利用与独特性的消解。
Workers 和 Pages 的区别
本文介绍了 Cloudflare Workers 与 Pages 两种原生部署模式的区别。文章从域名入手,指出 Workers 使用 workers.dev 而 Pages 使用 pages.dev。接着深入分析 Workers 的两种形态:Serverless 和静态 Workers。Serverless 以函数形式处理请求,存在冷启动问题,仅有算力无存储,需搭配云数据库如 Neon、MongoDB 使用;静态 Workers 则能连接 GitHub 仓库自动构建静态站点,但每次需回源计算,无法充分利用 Cache Rules。文章还对比了 Workers 与 Pages 在部署流程上的差异,并提供了使用 Wrangler 命令行工具推送代码到 Pages 或 Workers 的实战示例,帮助读者根据项目类型选择合适方案。
Butterfly 网站默哀功能
本文介绍了如何使用一段简单的 JavaScript 代码为网站添加默哀功能,即在特定纪念日自动将网页元素从彩色变为灰白色。代码通过检测当前日期是否匹配清明节、国家公祭日、汶川地震纪念日、七七事变纪念日、九一八事变纪念日、烈士纪念日、日本投降纪念日以及毛泽东、周恩来、邓小平逝世纪念日等日期,若匹配则对 document.documentElement 应用 grayscale(100%) 滤镜。文章还说明了需在主题配置文件中通过 inject 方式导入该 JS 脚本,并提供了示例配置代码段。整体实现简洁,无需额外提醒文字,仅通过视觉变化体现默哀。
记一次 Hexo 博客迁移
本文介绍了作者因 GitHub 账号被封而被迫迁移网站的经历。作者在凌晨美化网站并推送更新时发现账号被 Masked,怀疑与使用域名邮箱有关。认为 GitHub 虽重要但访问不便,且存在被封风险,因此决定将网站迁移至 Cloudflare Pages。通过本地编译后拖拽部署,发现 Cloudflare Pages 速度极快,优于 Vercel。作者最终建议开发者备份代码至 Codeberg 或 Gitee 等平台,避免依赖单一服务商。全文体现了对开源平台风险的警觉与主动备份的重要性。
我的 AI 编辑器迁移史
本文介绍了作者自 2023 年起使用 AI 编辑器的个人经历与感受。从 ChatGPT 的爆火开始,作者尝试了微软 Copilot、阿里通义灵码、Aider 等工具,并描述了代码补全、自然语言生成代码等功能的演进。2025 年,作者引入 DeepSeek API 与本地部署的 Ollama 提升编程体验,同时尝试写博客并最终选择 Trae 作为主力编辑器。文章还提及了 Trae 的 SOLO 模式、已合并的 iFlow CLI 等创新工具,对比了它们的稳定性、免费程度与使用体验,分享了配置过程中的困难与个人偏好,展现了 AI 编辑器从简单补全到智能工具调用的发展历程。
优化了一下网站样式
本文介绍了对网站进行的多项优化改进,包括将导航菜单中的“文章”改为更准确的“归档”;将首页布局的 `index_layout` 从 3 改为 4 并采用卡片展示方式,以提升视觉效果;将每页文章数从 10 篇增至 15 篇以提高浏览效率;以及为所有说说条目添加标签分类功能,涵盖生活、美食、技术、娱乐等类别,方便访客筛选查找。文章也提及了后续将布局和分页改回原设置的调整。这些改动从用户体验出发,使网站内容组织更清晰、浏览更便捷。
QQ 空间和咚兄弟
本文描述了作者的两个梦境。第一个梦中,作者将数学笔记发在 QQ 空间后获得指数级访问量,收到许多陌生人的感谢,由此萌生了用 QQ 空间建站并同步到 Notion 的想法。第二个梦中,作者与父亲穿越每层变成不同生态环境的楼房,最终回到小区后与一群人汇合,变身成为超级战队“暴太郎咚兄弟”中的红色队长,与粉色、黄色队员释放组合技(如花碎裂、勇气斩)对抗怪人。两个梦境分别反映了作者对博客建站和超级战队特摄的想象与情感。



