看到很多魔改的小伙伴都自定义了右键菜单，例如糖果屋的saoUI右键菜单、volantis的右键菜单等等。最近发现DoraKika写了个右键菜单，风格简洁，看起来难度不大，所以修改了个样式就移植过来了。 原版链接本文魔改根据这个教程进行的二次修改。想要魔改的小伙伴可以参考这篇文章的教程来。 本站样式 ...

本文以butterfly主题举例，其他主题自行适配 好久都没写魔改教程了，上次写的时候还是在上次。有一说一，近期的魔改基本上都是针对页面的变化。最近刚适配的1500px宽度，大宽度带来的视觉沉浸感非常棒，但是会带来很多问题，例如之前的主题横向元素过少，以至于在横屏比较宽的场景下元素都会被拉伸得很 ...

好久没有写魔改教程了，今天带来一个最近琢磨的一个分类条的显示。以前非常喜欢这种tab切换就能更换列表文章的显示方式，可是静态博客想要做到这一点真的是太难了，而且是原生html，不是vue。我的博客一直没有能够在首页展示分类的入口。起初因为分类比较少，但是现在已经很多了。那么一个展示分类的条就是非常必 ...

最近主题的更新是想让页面更加丰富起来，因为之前为了界面清爽删掉了很多功能，虽然一种程度上算是简约，但是对于个人博客来说不想只包含文章，还应该多一些信仰之力。所以为了高大上的逼格（狗头）所以分析了一下Butterfly主题的打字机效果。 Butterfly用的是typed.js来做的打字机效果。开箱即 ...

之前公告显示的是微信公众号的关注，但是因为微信的诸多限制和微信的生态以至于我不是很想再做公众号相关的东西了。因为我的作者组件完全替代了公告的功能，所以我将公告移除了。但是这带来了一点问题，就是在显示的时候总是缺点什么。那么就来做个新的组件吧！ 之前已经做过诗词放在页脚，但是新版页脚为了布局整洁给移除 ...

404页面是在文件不存在的时候产生的。设想一个场景，用户急于寻找问题的答案，那么当用户通过例如搜索引擎和错误的内链进入到404网页时，用户可能下意识就会关闭网站。如何在404页面留住用户呢？ 在无法判断用户的来源和目标的情况下，最好的还是做主动推荐。所以我在404页面的下方添加了最近的文章列表，使用 ...

20240821：此魔改我已经删库了（删了之前忘了魔改这一出了，因为没办法追更，所以后来我改回官方了。）今天发现已经来不及了（代码没备份）所以大家还是用官方，然后摸改一下css来实现吧。。。。 魔改了一下Twikoo的样式，拿出来分享一下，喜欢的可以搞一手。推荐用官方的。 查看样式 魔改内容 先输入 ...

之前关于哔哔的教程写的都很乱，并且因为哔哔和Twikoo可能造成的冲突问题导致很多都访问不了，经常出现缓存和无法加载的情况。最终还是用json加载的方式来做bb了。这篇教程可以作为最终版的哔哔教程了。（再也不想折腾这个东西了） 这篇教程不再采用外链形式，一篇搞定全部。本功能已经基本完成，不再添加新 ...

列表如果都是统一的样式、高度未免有些过于单调和重重复。在一些关键性文章中加一些特殊的样式也是我们常用的举措，例如文章置顶。但是文章置顶多了就会看不见新文章，置顶折叠展示的力度又不够。所以对于有特殊意义的文章展示特殊的效果是非常必要的，丰富层次。 这个文章的核心思路就是给文章的markdown文件里添 ...

昨天部署的时候突然spawn failed，怎么部署都部署不上。后来折腾了好一会终于解决了这个报错问题。今天又发现群友有这个问题，所以写个文章来复盘一下。 网络问题可以说明的是这个问题99%由于网络问题造成的，我们的目标就是为了解决网络问题。 重启电脑有的时候可能是因为网络波动产生的错误，请首先尝 ...

有一些转载的文章我感觉没有太大的必要放在主页列表里，那些文章只是我用来检索知识库的，过多的转载文章还会影响浏览体验。这也是最近转载内容少了的缘故。这次给butterfly加了一个判断，这样的话就可以隐藏部分文章了。 之前使用过可以隐藏指定分类的插件，但是好像不能用（至少我是这样。而且分类起来还比较麻 ...

虽然我用不到这么花里胡哨的东西，但是好东西一定要分享出来（万一以后我要用到呢 inject在配置文件themes/butterfly/_config.yml中的inject配置项按照格式填写内容。 123456inject: head: - <link rel="stylesh ...

今天看了一下腾讯云的告警信息，其中说我有DS_Store信息泄露，可能是mac系统自动生成的文件被上传了，这些文件一般在使用git服务的时候完全没有必要上传，甚至所有项目都是这样，我们可以全局忽略掉。在启动台的其他文件夹打开终端 创建全局忽略文件123cd ~touch .gitignore_glo ...

说在开头 本教程只介绍Hexo下的Butterfly主题的方案，其他可供参考，通用性强。 需要七牛云图床，其他图床需能提供纯色API，使用方法雷同（使用js计算可能涉及到跨域等诸多问题） 此处应已有90%的小伙伴关闭网页 修改主题结构原有主题对seo的优化很不友好，文章页的图片不是使用img标签来 ...

在Codepen中看到了一个推荐了好多天的无div动画，这个教程主要是来介绍如何在Hexo的Butterfly主题下使用这种无div动画并以这个小汽车为例。感谢原作者abxlfazl khxrshidi的小汽车！～ 那么我们来开始吧！ 下载资源文件在这里提供了我正在使用的资源文件。你可以下载我准备 ...

注意！腾讯云函数几乎不提供免费额度，建议使用vercel或者私有部署。 之前博客一直在使用Valine，奈何Leancloud太抠门了。天下苦Valine久矣，其他的评论要么有广告，要么国外的服务器，要么需要登录。在Butterfly3.3版本下支持了Twikoo评论。本博客在可见的未来均会采用这个 ...

最开始加载页面是一排小字不动的，感觉比较单调，所以参考了滚动文字制作的一些文章写了这个滚动效果的代码。 样式预览本博客目前使用的就是这个样式 修改js修改文件的地址1主题文件夹/layout/includes/loading/loading.pug 代码请 ...

折腾一晚上，终于完成了～之前一直都有兼容性问题，折腾了几个小时搞定。因为网上也没有针对Butterfly的教程，整理的时候总是与Lazyload和pjax还有fancybox有兼容性问题。目前博客运行良好，遇到的问题都解决了。下面来说一下教程。 为什么需要「阅读全文」？「阅读全文」是一个反人类体验。 ...

很多人喜欢使用GoogleFonts，插入非常方便，并且有非常多的语言可以选择。但是因为政策原因使用谷歌字体的网站加载就会非常慢，看到有人有解决方法可以来看一下。 本文为转载文章，以下内容来源于 Google Fonts ...

本文提供了两种方式，一种为本地的方式，一种为iconfont的方式。 使用本地图标的方式资源下载首先在文末下载图标包 以下内容适用于butterfly主题，其他主题可以参考借鉴 导入文件将文件夹解压，并将其中的fonts文件夹放入主题文件夹的资源目录中：~/themes/butterfly/sour ...

昨天我才知道原来Gitpush是可以不需要输入密码的。。。之前因为机器上没有配置好。这大半年来都是手动输入密码。特别是我的Hexo需要上传三个Git服务器（Github、Coding、腾讯云服务器），每次上传都需要输入三遍密码（吐了）。 如果真的又和我一样的人的话可以根据GitHub的官方教程来进行 ...

几个月前换域名的时候顺便开通了腾讯云的一个服务器，将博客部署到服务器是看了这个教程。非常棒非常详细。 本文为转载文章，以下内容来源于 Hexo 博客部署到 VPS 小丁 ...

因为自己博客整体使用深色风格，在加入了白色为主的Aplayer的时候会显得非常突兀。 然后根据官方提供的css文件进行深色模式的美化。具体视觉效果可以见本博客。 视觉效果 代码下面为css文件Aplayer.min.css： 123456789101112131415161718192021222 ...

本来想一个版本一直稳定用下去的，但是今天看到主题的版本更新修复了BUG。。。这能不更新吗？所以抄起家伙开始更新了！ 更新主题使用Butterfly主题可以根据主题的更新说明中进行操作。 引用站外地址，不保证站点的可用性和安全性 ...