工具盒子

新视野

Hexo+Butterfly实现彩色友链

2024-10-30 厉飞雨阅读(131) 评论(0) 赞(13)

<h1>彩色友链 {#彩色友链}</h1> <p><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" /></p> <h1>把...

开源软件

Hexo+Butterfly实现最新文章标志的功能

2024-10-30 厉飞雨阅读(208) 评论(0) 赞(11)

新版本 {#新版本} ========== > 原理：通过hexo的api获取所有文章，然后比较时间得到最新文章的名字，返回给pug文件比较并添加元素。修改page.js {#修改page-js} ---------------------- 首先我们需要在 `themes\butterfly\scripts\helpers\page.js` 内加入一段内容（位置...

软件使用

Hexo博客添加自定义css和js文件

2024-10-30 厉飞雨阅读(217) 评论(0) 赞(11)

<h1>创建文件 {#创建文件}</h1> <p>如果想魔改和美化，添加自定义文件是不可避免的。下面来详细说一下css和js文件的创建和引入，其他文件同理。</p> <p>我们找到<code>博客根目录</code>下的<code>source</code>文件夹（主题的...

开源工具

Hexo博客51.LA统计美化

2024-10-30 厉飞雨阅读(118) 评论(0) 赞(9)

前言 {#前言} ======== 发现自带的样式实在太简单，写css覆盖的话还很麻烦，夜间模式看的话很突兀。所以我就稍微改了一下，只要它的数据，样式全由自己来写。添加代码 {#添加代码} ============ 代码如下所示： |-----------------------------------------------------------------...

日常运维

Hexo+Butterfly增加侧边栏时钟

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

<ol> <li> <p>安装插件，在博客根目录 <code>[Blogroot]</code> 下打开终端，运行以下指令：</p> <p>|-----------|-------------------------------------------------| | <code>...

Github

Hexo+Butterfly昼夜（深色和浅色模式）转换动画

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

<ol> <li> <p>新建 <code>[Blogroot]\themes\butterfly\layout\includes\custom\sun_moon.pug</code>, 这部分其实实质上就是一个 <code>svg</code> 文件，通过 <code>js<...

软件教程

Hexo+Butterfly美化你的友链样式

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

<ol> <li> <p>参照参考教程中的<a href="https://butterfly.js.org/posts/dc584b87/#%E5%8F%8B%E6%83%85%E9%8F%88%E6%8E%A5">Butterfly 友链界面配置教程</a>先配置好默认友链页面。</p&g...

开源工具