转载翻译未读
使用gulp压缩博客静态资源本文是转载文章,参考自Akilar 点击查看参考教程 参考方向教程原贴gulp官方文档,用于查找API用法及查看已收录的gulp插件gulp.js中文文档参考了Gulp压缩的基本方案Butterfly主题文档-Gulp压缩参考了gulp的优化方案卓越科技-如何 ...
转载翻译未读
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 ...
经验分享未读
基于Algolia的搜索功能本教程是基于Butterfly官网教程进行详细讲解,若有不明之处,可以查看原教程。 搜索系统基于hexo-algoliasearch的搜索本地搜索(极力推荐)此搜索是博主最喜爱的一种了,它不是本地搜索,又可以实现搜索显示文章的内容,不像hexo-algolia搜索出来的结果只能显示文章标题 下载安装hexo-algo ...