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

最近在给自己的博客重新整理css，以及查看一些出现的问题，就发现了一个很严重的问题（我感觉），大致问题就是在手机端查看代码时，代码栏会出现字体突然变大的问题，这个问题其实早就发现了，但是没有仔细去搞过，刚好这个去找了下怎么解决。 发现其实这个问题出现的原因也很简单，因为我在更换博客样式的时候，部分的css是直接抛弃了的 ...

随着学习的深入，越来越多的技术出现在我的视野中。现在越来越多的开发都是采用前后端分离模式，于是在学习的过程中也会出现许多的问题，就像今天记录的跨域问题。当然今天这个主要是为了记录后端如何解决跨域，毕竟现在网络上也有许多的解决跨域的方法（前端处理、后端处理）。 当然对于跨域问题的出现，大家可以自行去仔细研究下，这里我将会 ...

今天是大年初五，祝大家新的一年“兔”然发财，“兔”飞猛进。 前段时间实现了静态的电影推荐，书籍推荐页面，刚好有人问起这个怎么实现。其实这个butterfly作者制作了一个相关的插件，可以实现自动获取豆瓣的影音等，当然，你也可以像我一样搞成静态滴。 引用站外地址 ...

对于提取主题色，看过生成封面图片主色来作为文章封面顶图的文章，了解了许多，但是由于没有备案等，许多东西都没有办法使用，所以之内另寻他路了。无意中看到了一篇帖子是关于这个的，于是便根据这个，加上Heo的教程，便解决了这个问题。 引入工具在使用这个功能之前，就需要引入js了，其实在GitHub上有许多的关于提取图片主题色的 ...

说起404界面，其实在很久以前就想搞了，但是对于那时候的我来说，对主题还不是很了解，每次想改源码的时候，就会出现了一堆的报错，然后就是回退不了了之了。目前我主题的魔改基本上都来源于Heo的设计，由于本人学过点前端，所以基本的东西了解点，但就是写不来CSS，所以样式这方面就… 在前短时间就有小伙伴在评论区指出希望我可以出 ...

用了这么久的Butterfly主题了，也对这个主题有了一定的了解了，随着使用的次数增加，对它的要求也就越来越高了，看到别人好多的新功能，就想着自己也应该做些让自己方便的事情了。毕竟博客就是为了方便自己（记笔记、回顾知识等），所以就想着有些自定义的页面，这样自己网站也不会太单调。 这篇教程就是针对Butterfly主题如 ...

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

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

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

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

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

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

最近这几天开始准备数学建模比赛了，于是便接触到了许多的数学公式，俗话说 好记性不如烂笔头 于是我便想着开始写一些文章来记录自己的学习过程，刚好暑假搞了博客，便想着用博客来记录吧。上个学期末就用Typora来记录了自己的Leetcode学习，当时用的就是MathJax来编写数学公式，已经有点习惯于MathJax的语法 ...

最近发现Twikoo评论系统更新了，由于本人对任何一样东西都希望保持着最新版的习惯，于是便开始操作了本文主要针对采用Vercel部署方式更新，其他部署方式请参考Twikoo文档 教程 进入你的GitHub仓库，找到你的Twikoo评论仓库 打开 package.json，点击编辑 将 { “dependencies”: ...

来源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 点击查看参考教程 参考方向教程原贴gulp官方文档，用于查找API用法及查看已收录的gulp插件gulp.js中文文档参考了Gulp压缩的基本方案Butterfly主题文档-Gulp压缩参考了gulp的优化方案卓越科技-如何 ...

本文主要转载自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 ...