Butterfly

本文介绍了在 Butterfly 主题中启用深色模式并解决 SVG 图片颜色冲突的方法。通过在 `_config.butterfly.yml` 中配置 `darkmode` 选项，可以开启深色模式切换按钮，并设置自动跟随系统或固定时间段切换。然而，手动引入的 `.svg` 图片在深色模式下不会自动变色，仍显示为黑色。为解决此问题，使用 CSS 媒体查询 `@media (prefers-color-scheme: dark)` 和滤镜 `filter: brightness(0) invert(1) !important;`，将 SVG 图片在深色模式下反转成白色。将该样式保存为 `svg.css`，并通过 `inject.head` 配置注入到网站中，从而实现深色模式下 SVG 图片变为白色、浅色模式下保持黑色，避免颜色冲突。

本文介绍了如何使用一段 Shell 脚本检查指定文件中的链接存活状态。该脚本首先定义文件路径为 source/_data/link.yml ，然后判断文件是否存在，若存在则使用 grep 提取所有 https 开头的主机名，通过 sed 去除协议头，再借助 xargs 和 sh 执行 ping 命令，对每个主机发送 4 个 ICMP 包。根据 ping 结果，脚本会输出该主机“存活！”或“死亡！”。本文适用于需要定期验证博客或网站友情链接是否有效的场景，可快速检测链接的可用性，便于运维人员及时处理失效链接。

本文介绍了如何使用 Shell 脚本向 YAML 文件动态追加数据记录。脚本定义了两个函数：nofile 用于在文件不存在时创建并写入第一条记录，包含当前日期时间、固定 key 值 1 以及用户输入的内容；hadfile 则读取已有文件中的最大 key 值并自动递增，然后追加新记录。主逻辑通过检查文件是否存在来调用相应函数。该脚本适用于自动化博客或静态站点中类似说说、动态等内容的管理，实现简单且高效。

本文介绍了 Hexo Butterfly 主题的安装与详细配置方法。文章从安装主题开始，指导用户修改 Hexo 配置文件并复制主题配置文件。随后依次讲解了导航栏、菜单、代码块、社交链接、图片设置、首页字幕、目录、文章版权、分页、过期提示、页脚、侧边栏（作者卡片、公告、最新评论、运行时间）、繁简转换、暗黑模式、滚动百分比、复制设置、字数统计、搜索、分享、评论系统（推荐 Waline）、主题颜色、字体、加载动画、特效、图片灯箱、PJAX、懒加载及注入代码等模块的配置选项。此外还说明了分类、标签、友链、说说等页面的创建与数据文件编写方式。最后给出了初始化 Git 仓库和部署建议。本文适合希望个性化搭建 Hexo 博客并使用 Butterfly 主题的开发者参考。