51工具盒子

2024-10-30 厉飞雨 阅读(408) 评论(0) 赞(16)

<h1>前言 {#前言}</h1> <p>本文将介绍如何增添上升气泡效果。</p> <h1>操作 {#操作}</h1> <p>找到主题配置文件<code>_config.butterfly.yml</code>，在<code>inject</code&g...

2024-10-30 厉飞雨 阅读(376) 评论(0) 赞(17)

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

2024-10-30 厉飞雨 阅读(508) 评论(0) 赞(20)

<h1>前言 {#前言}</h1> <p>本文将介绍如何美化页脚，效果展示在最底部。</p> <h1>操作 {#操作}</h1> <p>在<code>\themes\butterfly\source\js</code>目录下创建一个js文件，将如下代码写入该文件:<...

2024-10-30 厉飞雨 阅读(245) 评论(0) 赞(15)

前言 {#前言} ======== 本文将介绍如何增添水波荡漾效果。 操作 {#操作} ======== 在`\themes\butterfly\source\js`目录下创建一个`ripples.js`文件，并将如下代码写入该文件 |---------------------------------|----------------------------------...

2024-10-30 厉飞雨 阅读(228) 评论(0) 赞(12)

前言 {#前言} ======== 本文将介绍如何在侧边栏增添头像卡片动态背景。 操作 {#操作} ======== 在`\themes\butterfly\source\css`目录下创建一个css文件，将如下代码写入该文件（有两种效果，选其一）: |---------------------------|-------------------------------...

2024-10-30 厉飞雨 阅读(406) 评论(0) 赞(16)

前言 {#前言} ======== 本文将介绍Hexo增加雪花动态背景效果。 操作 {#操作} ======== 操作过程很简单，找到主题配置文件`_config.butterfly.yml`，在inject的bottom引入以下js文件: |---------------------|------------------------------------------...

2024-10-30 厉飞雨 阅读(323) 评论(0) 赞(15)

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

2024-10-30 厉飞雨 阅读(438) 评论(0) 赞(17)

<h1>操作步骤 {#操作步骤}</h1> <p>在butterfly主题目录<code>/layout/includes</code>文件夹下新建一个<code>right-menu</code>的文件夹，在此文件夹下新建一个<code>index.pug</code>...

2024-10-30 厉飞雨 阅读(461) 评论(0) 赞(17)

<h1>引言 {#引言}</h1> <p>如果想实现随便逛逛的功能，就需要用到<code>hexo-generator-random</code>这个插件。</p> <p>插件源码访问地址：<a href="https://github.com/Drew233/hexo-gene...

2024-10-30 厉飞雨 阅读(356) 评论(0) 赞(14)

<h1>安装依赖 {#安装依赖}</h1> <p>前往博客根目录，打开cmd命令窗口执行<code>npm install hexo-generator-search --save</code>。</p> <p>|-----------|-----------------------------...