博客SEO优化:Hexo Butterfly 永久链接与sitemap教程
有时候心血来潮,把某篇文章的标题修改了,结果改完发现——糟了!之前的链接全都打不开了… 或者,你写了一堆超棒的文章,却感觉像是在对空气说话,搜索引擎好像永远都发现不了你的小天地。 如果你也为此头疼过,那今天就可以解决啦啦!其实呢,解决这些问题只需要两个步骤: 给每篇文章一个「永久身份证」(固化链接) 给搜索引擎发一张「藏宝图」(站点地图) 跟着这篇教程,泡杯茶的功夫,就能让你的博客链接更稳定,被搜索引擎找到的几率大大提升。我们开始吧! 永久链接接入插件为了生成简洁且永久的文章链接,我们推荐使用 hexo-abbrlink 插件。在博客根目录下打开终端,执行以下命令安装插件: 1npm install hexo-abbrlink --save 打开根目录中的 _config.yml 文件,找到 permalink 配置项,将其修改为: 1permalink: posts/:abbrlink/ 在 _config.yml 文件的任意位置(建议在URL部分附近)添加以下配置: 1234# abbrlink 插件配置abbrlink: alg: crc32 # 生成算法:cr...
Hexo Butterfly 添加FPS帧率监测
在美化个人博客时,我们常常会添加各种特效与插件,让页面更加生动。但装饰一多,难免会影响加载流畅度,甚至出现卡顿。这时候,“帧率(FPS)”就成了一个非常关键的参考指标——它直接反映了页面的渲染性能。可问题来了:我们平时看不到实时的帧率变化,优化起来也就像“盲人摸象”。 所以今天,就给大家带来一篇实用的 Hexo Butterfly魔改教程:为你的博客添加「FPS帧率监测」功能。安装之后,屏幕上会实时显示当前页面的帧率数值,高低变化一目了然。优化效果好不好?现在你有数据说话了! 创建所需文件创建帧率计算脚本新建文件[根目录]\source\js\fps.js并写入如下代码: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051if (window.localStorage.getItem("fpson") == undefined || window.localStorage.getItem("fpson") ...
基于 Cloudflare/Vercel 的站点监控解决方案:Uptime-Status
熟悉我的朋友都知道,我有点完美主义,尤其网站运行状态,总希望它能长期稳定运行。这种习惯让我不太愿意买服务器(穷),但也限制了我部署网站的数量。为了解决这个问题,我开始用 Vercel 和 Cloudflare 这类平台来部署一些不需要传统服务器的项目——也就是大家常说的“白嫖”。 这篇文章先介绍一个站点监控的项目,后续会随机更新。今天就把它分享给大家,希望能对你们有帮助! 什么是无服务器部署?像 Vercel 这样的平台,属于「静态站点托管」或「无服务器计算平台」。它们让部署网站和应用变得更简单,你完全不用操心服务器配置和维护的问题。具体来说,它们有这些好处: 静态站点托管:适合部署由 HTML、CSS、JavaScript 构成的网站,无需后端数据库或运行环境。 无服务器架构:你不用管服务器,平台会自动准备运行环境、分配资源,你只需上传代码。 自动扩缩容:根据访问流量自动调整资源,访问量多时也不会挂掉。 持续集成/部署(CI/CD):连接 GitHub 或 GitLab 后,每次推送代码就能自动构建和发布。 自动 HTTPS:平台会自动配置 SSL 证书,...
Hexo Butterfly 页脚美化
总觉得 Hexo Butterfly 的默认页脚不尽如人意,在经历了长时间的摸索与尝试之后,我终于找到了一个比较理想的解决方案。这个方案的原作者是 半方池水半方田,在此特别感谢这位大佬的分享与贡献! 本文将以尽可能详细的方式,介绍如何实现与本站风格一致的自定义页脚效果。 效果预览浅色预览深色预览 教程话不多说,我们直接开始。 新增CSS文件首先创建页脚样式文件。在 [根目录]/themes/butterfly/source/css/footer.styl 路径下创建新文件(文件名可自定),然后写入以下代码: Butterfly 版本适配:5.0+ 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081...
TrollHelperOTA | iOS 14.0 – 16.0 安装巨魔商店
距离上一篇 「TrollInstallerX」 的详细安装指南发布,转眼已过去一个月。 今天,我们就来解锁安装巨魔商店的另一种主流方式。本文将为您带来 「TrollHelperOTA」 的详尽安装教程。 无论你是之前被“劝退”的老朋友,还是刚刚接触到巨魔商店的新朋友,只要你的设备系统符合要求,那么这篇姗姗来迟的指南,就是为你准备的完美安装方案。现在,让我们再次启程,一步步将巨魔商店轻松装入你的设备。 本文重构于2025-11-03 温馨提示教程适用于: A8-A11:15.0 - 15.5 beta 4、15.6 beta 1 - 15.6 beta 3 A12-A17/M1-M2:14.0 beta 2 - 15.6.1、16.0 beta 1 - 16.0 beta 3 部分设备需要科学上网才能安装成功 开始安装前,请务必先确认你的设备是否兼容巨魔商店,以及是否支持通过「TrollHelperOTA」安装。 核对型号:请参考下方的支持设备列表。 其他情况:若你的系统版本需要使用其他工具安装,点击表格中对应的链接跳转对应教程 点击查看 系统 /...
TrollInstallerX | iOS 14.0 – 16.6.1安装巨魔商店
自从「TrollInstallerX」发布后,我就一直想写一篇详细的教程:如何借助它安装巨魔商店。可惜年前一直太忙,计划一再搁置,直到最近才终于抽出时间把这篇内容完成。现在,就让我们走进安装过程——无论你是第一次尝试,还是之前遇到过问题,相信这篇指南都顺利解决。 本文重构于2025-10-31 温馨提示教程适用于: A8:14.0 beta 2 - 14.8.1 A9-A11:14.0 beta 2 - 14.8.1、15.5、15.6 beta 4 - 16.6.1、17.0 beta 1 - 17.0 beta 4 A12-A17/M1-M2:15.7 - 15.8.4、16.0 beta 4 - 16.6.1 部分设备需要科学上网才能安装成功 开始安装前,请务必先确认你的设备是否兼容巨魔商店,以及是否支持通过「TrollInstallerX」安装。 核对型号:请参考下方的支持设备列表。 其他情况:若你的系统版本需要使用其他工具安装,点击表格中对应的链接跳转对应教程 点击查看 系统 / iPhone 6 / 6 Plus (A8)...





