51工具盒子

依楼听风雨
笑看云卷云舒,淡观潮起潮落

日常运维

Hexo页脚养鱼

Hexo页脚养鱼

厉飞雨 阅读(4) 评论(0) 赞(0)

在主题配置的 inject 引入 js: https://cdn.jsdelivr.net/gh/xiabo2/CDN@latest/fishes.js这里以butterfly主题为例: 123456789 # Inject# Insert the code to head (before '&am...

Hexo文章页面透明效果

Hexo文章页面透明效果

厉飞雨 阅读(2) 评论(0) 赞(0)

前言 在不妨碍正常阅读的情况下想更好地展示背景或者一些效果,实现文章页透明是一种不错的选择。 操作步骤 在\themes\butterfly\source\css路径下创建一个xxx.css文件,在文件中添加如下代码: 123456789 /* 首页文章栏背景透明 */#recent-posts>.recent...

Hexo增加上升气泡效果

Hexo增加上升气泡效果

厉飞雨 阅读(3) 评论(0) 赞(0)

前言 本文将介绍如何增添上升气泡效果。 操作 找到主题配置文件_config.butterfly.yml,在inject的bottom处引入以下文件: 1234 inject: head: bottom: - <script defer src="https://cdn.jsdelivr.n...

Hexo增加动态线条效果背景

Hexo增加动态线条效果背景

厉飞雨 阅读(7) 评论(0) 赞(1)

前言 效果如本站所示,我看过一些博客,有很多一部分都有这个动线效果背景。 操作 操作步骤很简单,只需在_config.butterfly.yml文件中,找到inject,在bottom处直接引入:https://cdn.bootcss.com/canvas-nest.js/1.0.0/canvas-nest.min.js 1

Hexo页脚美化

Hexo页脚美化

厉飞雨 阅读(5) 评论(0) 赞(0)

前言 本文将介绍如何美化页脚,效果展示在最底部。 操作 在\themes\butterfly\source\js目录下创建一个js文件,将如下代码写入该文件: 12345678910111213141516171819202122232425262728 // 动态心跳$(document).ready(function(e

Hexo增加水波荡漾的效果

Hexo增加水波荡漾的效果

厉飞雨 阅读(5) 评论(0) 赞(0)

前言 本文将介绍如何增添水波荡漾效果。 操作 在\themes\butterfly\source\js目录下创建一个ripples.js文件,并将如下代码写入该文件 1234567891011 $(document).ready(function () { try { $("#page-header&quo...

Hexo增加头像卡片动态背景

Hexo增加头像卡片动态背景

厉飞雨 阅读(5) 评论(0) 赞(0)

前言 本文将介绍如何在侧边栏增添头像卡片动态背景。 操作 在\themes\butterfly\source\css目录下创建一个css文件,将如下代码写入该文件(有两种效果,选其一): 123456789 /* 效果一:彩带 */.card-info-avatar:hover { background: url(http

Hexo增加雪花动态背景效果

Hexo增加雪花动态背景效果

厉飞雨 阅读(6) 评论(0) 赞(1)

前言 本文将介绍Hexo增加雪花动态背景效果。 操作 操作过程很简单,找到主题配置文件_config.butterfly.yml,在inject的bottom引入以下js文件: 123456 inject: head: bottom: - <div><canvas id=&...

Hexo增加樱花动态背景效果

Hexo增加樱花动态背景效果

厉飞雨 阅读(3) 评论(0) 赞(0)

前言 Hexo博客的Sakura主题自带的樱花🌸动态效果非常漂亮,本文来介绍Hexo增加樱花动态背景效果。 操作 只需在_config.butterfly.yml文件中,找到inject,在bottom处直接引入:https://cdn.jsdelivr.net/gh/lete114/CDN/Sum/sakura.js 1

Hexo自定义右键菜单

Hexo自定义右键菜单

厉飞雨 阅读(3) 评论(0) 赞(1)

操作步骤 在butterfly主题目录/layout/includes文件夹下新建一个right-menu的文件夹,在此文件夹下新建一个index.pug文件。将以下代码复制到index.pug文件中。 12345678910111213141516171819202122232425262728293031 #rightMen