经验分享未读
Hexo博客获取指定数量的友情链接,脱离友链朋友圈的约束最近比较忙,所以都是更新学习的一些东西或者就是直接没有更新博客,这两天看了一下博客,发现博客好多功能都受到了约束,必须先实现什么其他功能才能实现当前这个功能,刚好看到随机三个友情链接目前是通过友链朋友圈实现的,每次都需要抓取。看了下目前随机友链的功能,想起来hexo内置了过滤器可以实现。 实现这个实现是在butterf ...
经验分享未读
butterfly主题实现随机访问友链,不依靠任何插件,一个函数解决已经好久没有更新文章了,鸽了这么久,打算写一篇关于主题的文章吧。正如大家看到,我的页脚是可以实现随机访问一个友链的,其实实现这个功能挺简单的,主要就是读取友链yml文件,将其放入map中,然后每次随机取一个出来就可以了。虽然听起来很简单,但是毕竟好多人不太了解Hexo中自带的函数,所以在实现的时候还是比较困难的,当然这 ...
经验分享未读
如何在Butterfly主题中自定义右键:一次解决所有麻烦如果你已经看过我以前写的右键菜单功能了,那么这篇教程在食用的时候将会变得十分简单。 具体效果自行右键查看。 由于本教程需要修改的地方较多,集成度较高,可以自行选择其中部分功能,本教程代码资源来自Heo。 步骤 新建themes/butterfly/source/custom/rightmenu.js 123456789 ...
经验分享未读
Butterfly主题页脚美化最近有小伙伴问到能不能出下关于页脚美化的教程,最近忙于数学建模,没有时间,这不今天搞完了,可以继续写写这方面的东西。 总的来说,其实这些美化都不是自己的想法(艺术细胞少了),大多数的样式什么的都来自张洪Heo,我感觉他设计的样式十分符合我的审美。本博客基本上就是参照他的博客进行修改的。 对于页脚的美化,我基本上全是按照 ...
转载翻译未读
Friend Link Card Beautify来源Friend Link Card Beautify,本文仅为记录魔改过程 查看效果 魔改步骤 修改[Blogroot]\themes\butterfly\layout\includes\page\ ...
转载翻译未读
Add Github Badgegithub徽标可以直接通过shields.io在线生成。 理论上可以放在页面的任何地方。教程案例是添加在页脚。 工具网站包括: 徽标生成网站:shields 图标查询网站:simpleicons html压缩网站:htmlpack 转义字符查询 具体步骤 通过shields.io在线生成。 label:标签, ...
经验分享未读
Hexo博客实现页面随机跳转下述文件位置主要针对Butterfly主题,其他主题请自行修改!!! 教程 新建[BlogSource]/themes/butterfly/scripts/helpers/random.js文件: 1234567891011hexo.extend.generator.register('random ...
经验分享未读
Hexo 添加RSS具体效果可以参考如下 教程 安装插件,在博客根目录[Blogroot]下打开终端,运行以下指令: 1npm install --save hexo-generator-feed 添加配置信息,以下为写法示例在站点配置文件 _config.yml 中添加 12345678910# Extensions## Plugin ...
经验分享未读
Hexo + Butterfly 自定义右键功能具体效果如下 步骤 新建[BlogRoot]/themes/butterfly/layout/includes/right-menu/right-menu.pug文件: 12345678910111213141516171819202122232425262728293031#rightMenu .rightMe ...
转载翻译未读
Hexo 添加GitHub Calendar具体效果可以参考下面的图片样式 安装 安装插件,在博客根目录[Blogroot]下打开终端,运行以下指令: 1npm install hexo-filter-gitcalendar --save 添加配置信息,以下为写法示例在站点配置文件_config.yml或者主题配置文件如_config.butterfly.y ...
转载翻译未读
Butterfly添加Animation-wow.js特效本文主要转载自Akilar 点击查看参考教程 参考方向教程原贴动画样式依赖animate.csswowjs文档wowjs 插件化版本(推荐) 点击查看参考教程 ...
转载翻译未读
Butterfly美化——Progress Bar最近看到Heo博客,发现了许多的两点,于是便去查找各种偏爱的地方,想着去实现它。偶然看到加载的时候,网页最上面会出现加载条便想着去实现它。 查看效果 具体效果查看本站 魔改教程基础版 引入css本地css ...
转载翻译未读
Butterfly美化——轮播置顶文章使用了 hexo-butterfly-swiper 插件,可本站首页预览效果。 点击查看效果 魔改教程 安装 hexo-butterfly-swiper 插件1npm install hexo-butt ...
经验分享未读
Butterfly美化——导航栏居中看了那么多的博客,发现对导航栏居中有着独特的偏爱,于是便有了这篇! 查看效果 魔改教程自定义css(推荐,店主采用的方案)修改源码方式 新建 themes/butterfly/source/css/c ...
经验分享未读
Butterfly标签云增加文章数上下标本文教程主要针对Hexo Butterfly主题博客,在Butterfly主题中,文章标签页和标签侧边栏都有文章标签的词云图 但仅仅用字体大小表示某个标签下的文章数量是不明显的,可以在这个基础上加上表示某个标签下文章数的上下标,其中<sup>表示上标,<sub>表示下标。 魔改教程 打开\the ...
经验分享未读
Hexo添加两句诗词本文将介绍如何增添随机诗词的展示。 之前在很多主题中见过这类设置,正好最近想在站点添加一个关于笔者页面,想着内容太过空洞,于是就把随机诗词搬了过来。 查看效果 刷新页面会有变化哟!!! 魔改教程 输入 ...
经验分享未读
Butterfly主题侧边小组件——土味情话具体效果如下: 效果预览 魔改教程 新建[BlogRoot]\themes\butterfly\source\js\custom\cheesy_pick-up_lines.js1234567891011 ...
转载翻译未读
Butterfly美化-Loading Animation此文章转载自Akilarの糖果屋 魔改步骤 修改[Blogroot]\themes\butterfly\layout\includes\loading\loading.pug,本教程算上默认的旋转盒子加载动画,一共提供7种款式,读者可以根据代码结构自行改写移除不需要的内容。 12345678if theme.prelo ...
转载翻译未读
Butterfly美化-Archive Beautify参考自Akilarの糖果屋的Archive Beautify,本文仅为记录魔改过程 步骤custom目录若没有需要自己新建 在[Blogroot]\themes\butterfly\scripts\custom\目录下新建animals_timeline_year.js,并在[Blogroot]\themes\but ...
转载翻译未读
Butterfly美化-Categories Magnet此文章来自Akilarの糖果屋 插件版配置教程 插件版教程 安装插件,在博客根目录[Blogroot]下打开终端,运行以下指令:1npm install hexo-butterfly-categories-card --save添加配置信息,以下为写法示例在站 ...
经验分享未读
Butterfly美化日记白天黑夜转换动画 点击查看白天黑夜切换动画教程 custom文件夹若没有需要自己新建,以后新建的文件可以放置此处新建[Blogroot]\themes\butterfly\layout\includes\custom\sun_moon.pug,这部分其实实质上 ...