51工具盒子

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

Hexo

Hexo博客51.LA统计美化

Hexo博客51.LA统计美化

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

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

Hexo博客增加Live2D看板娘

Hexo博客增加Live2D看板娘

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

<h1>前言 {#前言}</h1> <p>目前只推荐这个(因为消耗资源较少),这是博客自带的看板娘,这孩子不会说话也不能换装,只会跟着你的鼠标晃动脑袋,不过有几款超可爱。<br /> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAA...

Hexo+Butterfly博客个人卡片实现渐变色的方法

Hexo+Butterfly博客个人卡片实现渐变色的方法

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

<h1>引言 {#引言}</h1> <p>在<code>[BlogRoot]\source\css\custom.css</code>自定义样式的文件中引入如下代码(最后记得在inject配置项引入!!!)</p> <h1>个人卡片实现渐变色的实现代码 {#个人卡片实现渐变色的实现代码}<...

Hexo博客适配PJAX的指南

Hexo博客适配PJAX的指南

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

前言 {#前言} ======== 尝试适配了pjax,当时把这个任务当成一个长期任务,没想到很快就搞定了,修改量也不是很大。 具体适配,其实并不多。 DOM层面适配 {#DOM层面适配} ================== 有些DOM元素(自己魔改的)在不同页面的表现不一样,这时使用pjax切换页面后并不会进行更改,需要加上类名`.js-pjax`。 加上之后全页...

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

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

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

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

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

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

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

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

Hexo+Butterfly更改H1~H6级标题前icon图标

Hexo+Butterfly更改H1~H6级标题前icon图标

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

<h1>引言 {#引言}</h1> <p>灵感来源于<a href="https://blog.eurkon.com/">eurkon</a>。单靠肉眼识别字体大小来判断标题等级不是件容易的事情,若 h1~6 标题使用不同图标的话,那么识别会容易许多。</p> <p>小插曲:...

Hexo+Butterfly增加侧边栏时钟

Hexo+Butterfly增加侧边栏时钟

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

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