友链

本文介绍了作者在网站优化过程中，重新关注友链功能并为其创造更大价值的思考与实践。作者在投入大量精力调整网站加载速度、排版布局和交互逻辑后，偶然通过社交媒体结识了一批新人博主并主动交换友链。然而，作者意识到传统友链页面容易被访客忽视，无法有效为小博主引流，因此设想在页脚以随机形式展示友链，使其更自然地触达访客。作者参考了安知鱼博客主题的类似实现，并基于此前编写的用于抓取友链数据的 JavaScript 脚本进行改造。脚本逻辑包括：在配置文件中添加空容器标签，页面加载后异步请求 /friends 页面 HTML，解析 DOM 提取第一个 flink-list 中的友链信息，过滤无效数据，再根据屏幕宽度（大于 768 像素显示 6 个，否则显示 3 个）随机抽取不重复的友链接，动态生成链接元素插入页脚。这一响应式设计避免了手机端布局错乱，同时充分利用电脑端空间，使友链从静态列表变为动态信息流，真正释放其引流价值。

本文介绍了作者对个人博客友链意义的重新认识与深度思考。从网站平稳运行一个多月、收获近三十条友链的喜悦出发，通过一位匿名用户的温暖评论，作者意识到友链远非单纯的 SEO 工具或流量交换手段。文章探讨了搜索引擎与算法对内容的筛选局限，以及朋友友链机器人默默抓取每篇文章的踏实感。友链被定义为博客世界里人与人之间的情感链接，是一种去中心化、点对点的温暖推送方式，根植于人情而非算法判断。同时，文章也提到了“开往”“十年之约”等集体活动与友链的关系——友链是根，活动是枝叶。最终，通过早年偶然浏览一位博主记录女儿生活及认识拾月博客的经历，作者领悟到博客的价值在于用长篇文字真实记录生活、梳理感悟，从而坚定了自己写博客的初心。

本文介绍了如何通过 JavaScript 脚本将博客“关注我”按钮改造为显示友链数量的动态统计。作者利用博客的友链页面（如 /friends）抓取所有友链链接，统计数量后替换按钮中的显示内容，实现类似社交平台的粉丝数效果。文章详细说明了脚本实现步骤、配置方式（如 Butterfly 主题的 inject 设置），并提醒根据实际页面路径修改代码。该方法以交换友链作为“关注”的等价行为，是一种轻量级的替代方案。

本文介绍了如何在 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 代表图像质量参数。作者感叹该工具简单且高效，为无法访问在线服务的用户提供了一种可靠的本地替代方案。

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