个人网站

本文介绍了对网站进行的多项优化改进，包括将导航菜单中的“文章”改为更准确的“归档”；将首页布局的 `index_layout` 从 3 改为 4 并采用卡片展示方式，以提升视觉效果；将每页文章数从 10 篇增至 15 篇以提高浏览效率；以及为所有说说条目添加标签分类功能，涵盖生活、美食、技术、娱乐等类别，方便访客筛选查找。文章也提及了后续将布局和分页改回原设置的调整。这些改动从用户体验出发，使网站内容组织更清晰、浏览更便捷。

本文描述了作者的两个梦境。第一个梦中，作者将数学笔记发在 QQ 空间后获得指数级访问量，收到许多陌生人的感谢，由此萌生了用 QQ 空间建站并同步到 Notion 的想法。第二个梦中，作者与父亲穿越每层变成不同生态环境的楼房，最终回到小区后与一群人汇合，变身成为超级战队“暴太郎咚兄弟”中的红色队长，与粉色、黄色队员释放组合技（如花碎裂、勇气斩）对抗怪人。两个梦境分别反映了作者对博客建站和超级战队特摄的想象与情感。

本文介绍了如何为 Butterfly 主题实现随机跳转文章的功能，通过编写 JavaScript 脚本爬取归档页面并提取文章链接，再随机选择一个链接进行跳转。文章详细展示了从复用友链跳转脚本到修改选择器适配归档页面的过程，并给出了完整的 randomizer 函数代码。同时说明了在主题配置中注入脚本文件以及在页脚添加触发链接的方法，最后提醒不同主题需根据实际情况调整链接类名。

本文介绍了如何在 Butterfly 主题中实现随机跳转友链的功能。原本计划使用 AnZhiYu 主题，但因配置繁琐而选择了 Butterfly 并稍作美化，但缺少安知鱼主题的随机跳转友链功能。作者通过前端抓取友链页面，提取所有 a.href 链接组成列表，然后随机抽取并跳转。具体实现为：定义一个名为 go 的异步函数，使用 fetch 获取 /friends 页面，解析 HTML 后提取所有 .flink-list-item a 的 href 属性，过滤无效链接后随机选择并跳转。通过修改主题配置文件，将脚本注入到每个页面的底部，并在页脚自定义文本中添加一个调用 go() 的链接，既不影响导航栏布局，又能为访客提供惊喜。作者最终将此功能作为彩蛋，避免与开往按钮混淆。

本文介绍了作者发现常用在线图片压缩网站无法访问后，转而寻求本地工具压缩 WebP 图片的经历。作者首先尝试使用 FFmpeg 但发现其只支持 WebP 解码而不支持编码，随后在 AI 推荐下使用了 Cwebp 工具。文章详细说明了通过 brew install webp 安装 Cwebp 的方法，以及使用 cwebp -q 75 图片输入 -o 压缩结果 命令进行图片压缩的具体操作，其中 75 代表图像质量参数。作者感叹该工具简单且高效，为无法访问在线服务的用户提供了一种可靠的本地替代方案。

本文介绍了如何通过在网站配置文件中添加 JavaScript 代码来解决目录显示异常的问题，该代码会在页面加载完成后等待所有图片加载，并在 1.5 秒后自动刷新页面，同时监听 PJAX 等异步加载事件以保持功能生效。文章还指出了之前使用 CSS 强制修改图片宽高比的做法是错误的，会导致评论区表情包异常，因此已删除该样式。作者反思了自己因精神状态不佳而导致的失误。

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

本文介绍了作者做的一个混乱的梦。梦伊始，作者在大院乱放烟花被提醒违规，慌乱中烟花对准了对面水果铺，最终被迫去道歉。随后梦境切换为新闻场景：Linux 邮件列表的开发者们怒斥中文 AI 破坏了开发环境，作者查看原文发现批评内容不过百字。最后，作者隐约看到母亲质疑厕所烟灰，要求哈气验烟，惊醒后发现自己对着笔记本电脑，而母亲早已在外玩手机，厕所的烟灰实为每日烧艾条所致。文章以荒诞的梦境串联起现实与网络事件，折射出潜意识的焦虑与日常细节的交织。

本文介绍了 Hexo 静态博客中 Frontmatter 的各项元数据字段及其作用，包括标题、日期、标签、分类、封面、更新日期、摘要、关键词、目录、评论和置顶等。通过 YML 格式的 Frontmatter，用户无需数据库即可管理文章信息，并控制文章在网站中的显示方式与排序。文章详细解释了每个字段的配置方法，例如封面使用 cover 关键字、置顶通过 sticky 设置数值等，旨在帮助读者快速掌握 Hexo 文章元数据的配置技巧，提升博客搭建效率。

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