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

你好，我是猿java。 Hexo博客如何实现在页面上展示文章的字数以及预计完成阅读需要花费的时间呢？给大家推荐一个插件symbols_count_time。 symbols_count_time是一个第三方的插件，通过npm可以简单地安装到Hexo博客中，实现统计功能，在NexT主题中6.0版本以后默认也是支持symbols_count_time的，替代了以前的hexo-...

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

<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...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<h1>预览效果 {#预览效果}</h1> <p><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" /></p> <h1>实...