最近比较忙，所以都是更新学习的一些东西或者就是直接没有更新博客，这两天看了一下博客，发现博客好多功能都受到了约束，必须先实现什么其他功能才能实现当前这个功能，刚好看到随机三个友情链接目前是通过友链朋友圈实现的，每次都需要抓取。看了下目前随机友链的功能，想起来hexo内置了过滤器可以实现。 实现这个实现是在butterf ...

已经好久没有更新文章了，鸽了这么久，打算写一篇关于主题的文章吧。正如大家看到，我的页脚是可以实现随机访问一个友链的，其实实现这个功能挺简单的，主要就是读取友链yml文件，将其放入map中，然后每次随机取一个出来就可以了。虽然听起来很简单，但是毕竟好多人不太了解Hexo中自带的函数，所以在实现的时候还是比较困难的，当然这 ...

如果你已经看过我以前写的右键菜单功能了，那么这篇教程在食用的时候将会变得十分简单。 具体效果自行右键查看。 由于本教程需要修改的地方较多，集成度较高，可以自行选择其中部分功能，本教程代码资源来自Heo。 步骤 新建themes/butterfly/source/custom/rightmenu.js 123456789 ...

最近有许多的小伙伴们在魔改的时候发现有的根据教程来并不能形成和博主一样的样式，确实，博主可能比较忙，也比较懒，在写文章的时候，有的样式可能没有说清楚，甚至是直接让大家自己去取，确实不好。于是在这里写一篇文章关于如何正确魔改。 开始首先，大家可能发现，博主好多文章都是没有给出样式文件，就算给出了也是缺少了真正的样式，因为 ...

看到了那么多好看的导航栏，感觉Heo的非常的好看，一开始想直接f12取到，但是发现怎么都实现不了，甚至导航栏直接寄了（应该是f12的技能有待提示吧）。没办法，后来也发现了类似的导航栏，借鉴了Eurkon的博客，两者十分的接近，并且实现了。 刚好最近有人问导航栏怎么实现的，那么就开始吧！ 教程 修改themes/butt ...

最近有小伙伴问到能不能出下关于页脚美化的教程，最近忙于数学建模，没有时间，这不今天搞完了，可以继续写写这方面的东西。 总的来说，其实这些美化都不是自己的想法（艺术细胞少了），大多数的样式什么的都来自张洪Heo，我感觉他设计的样式十分符合我的审美。本博客基本上就是参照他的博客进行修改的。 对于页脚的美化，我基本上全是按照 ...

前一段时间就看到了即刻短文 | 张洪Heo，一直以来想要有这种可以发一句话的地方，配置过小康的，但是奈何总是卡在分支那一步，总是报错，问过其他人发现都是按照教程就可以配置好，由于这是静态，可能每次发一两句话就要重新部署，对于某些人来说可能不太方便，如果需要可以参照KK Api进行部署，按照文档走基本不会有任何问题。 当 ...

来源Friend Link Card Beautify，本文仅为记录魔改过程 查看效果 魔改步骤 修改[Blogroot]\themes\butterfly\layout\includes\page\ ...

本文实现了如何在butterfly主题中添加最新文章标签，其他主题可以在相应位置进行比较添加。 预览效果 本教程来自于Leonus几行代码实现最新文章标志，样式部分进行的修改。由于本站文章主页的 dat ...

github徽标可以直接通过shields.io在线生成。 理论上可以放在页面的任何地方。教程案例是添加在页脚。 工具网站包括： 徽标生成网站:shields 图标查询网站:simpleicons html压缩网站:htmlpack 转义字符查询 具体步骤 通过shields.io在线生成。 label:标签， ...

下述文件位置主要针对Butterfly主题，其他主题请自行修改！！！ 教程 新建[BlogSource]/themes/butterfly/scripts/helpers/random.js文件： 1234567891011hexo.extend.generator.register('random ...

具体效果可以参考如下 教程 安装插件,在博客根目录[Blogroot]下打开终端，运行以下指令： 1npm install --save hexo-generator-feed 添加配置信息，以下为写法示例在站点配置文件 _config.yml 中添加 12345678910# Extensions## Plugin ...

具体效果如下 步骤 新建[BlogRoot]/themes/butterfly/layout/includes/right-menu/right-menu.pug文件： 12345678910111213141516171819202122232425262728293031#rightMenu .rightMe ...

具体效果可以参考下面的图片样式 安装 安装插件,在博客根目录[Blogroot]下打开终端，运行以下指令： 1npm install hexo-filter-gitcalendar --save 添加配置信息，以下为写法示例在站点配置文件_config.yml或者主题配置文件如_config.butterfly.y ...

本文只保留了博主可能需要使用的标签外挂，所有的外挂标签请查看Akilarの糖果屋。 引用站外地址 外挂标签 ...

本文主要转载自Akilar 点击查看参考教程 参考方向教程原贴动画样式依赖animate.csswowjs文档wowjs 插件化版本（推荐） 点击查看参考教程 ...

最近看到Heo博客，发现了许多的两点，于是便去查找各种偏爱的地方，想着去实现它。偶然看到加载的时候，网页最上面会出现加载条便想着去实现它。 查看效果 具体效果查看本站 魔改教程基础版 引入css本地css ...

可以通过将index_img设置成false使得首页图消失 风车标题，文章置顶 引用站外地址 文章页H1-H6样式修改 ...

使用了 hexo-butterfly-swiper 插件，可本站首页预览效果。 点击查看效果 魔改教程 安装 hexo-butterfly-swiper 插件1npm install hexo-butt ...

看了那么多的博客，发现对导航栏居中有着独特的偏爱，于是便有了这篇！ 查看效果 魔改教程自定义css（推荐，店主采用的方案）修改源码方式 新建 themes/butterfly/source/css/c ...

本文教程主要针对Hexo Butterfly主题博客，在Butterfly主题中，文章标签页和标签侧边栏都有文章标签的词云图 但仅仅用字体大小表示某个标签下的文章数量是不明显的，可以在这个基础上加上表示某个标签下文章数的上下标，其中<sup>表示上标，<sub>表示下标。 魔改教程 打开\the ...

本文将介绍如何增添随机诗词的展示。 之前在很多主题中见过这类设置，正好最近想在站点添加一个关于笔者页面，想着内容太过空洞，于是就把随机诗词搬了过来。 查看效果 刷新页面会有变化哟！！！ 魔改教程 输入 ...

具体效果如下： 效果预览 魔改教程 新建[BlogRoot]\themes\butterfly\source\js\custom\cheesy_pick-up_lines.js1234567891011 ...

此文章转载自Akilarの糖果屋 魔改步骤 修改[Blogroot]\themes\butterfly\layout\includes\loading\loading.pug，本教程算上默认的旋转盒子加载动画，一共提供7种款式，读者可以根据代码结构自行改写移除不需要的内容。 12345678if theme.prelo ...

这里收录了大部分的表情，可以直接使用到你想使用的地方，欢迎做出补充。 表情与情感表情名称表情名称表情名称😀嘿嘿😃哈哈😄大笑😁嘻嘻😆斜眼笑😅苦笑🤣笑得满地打滚😂笑哭了🙂呵呵🙃倒脸😉眨眼😊羞涩微笑😇微笑天使🥰喜笑颜开😍花痴🤩好崇拜哦😘飞吻😗亲亲☺️微笑😚羞涩亲亲😙微笑亲亲😋好吃😛 ...

参考自Akilarの糖果屋的Archive Beautify，本文仅为记录魔改过程 步骤custom目录若没有需要自己新建 在[Blogroot]\themes\butterfly\scripts\custom\目录下新建animals_timeline_year.js，并在[Blogroot]\themes\but ...

此文章来自Akilarの糖果屋 插件版配置教程 插件版教程 安装插件,在博客根目录[Blogroot]下打开终端，运行以下指令：1npm install hexo-butterfly-categories-card --save添加配置信息，以下为写法示例在站 ...

白天黑夜转换动画 点击查看白天黑夜切换动画教程 custom文件夹若没有需要自己新建，以后新建的文件可以放置此处新建[Blogroot]\themes\butterfly\layout\includes\custom\sun_moon.pug,这部分其实实质上 ...