51工具盒子

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

Hexo

 Hexo主题博客展示文字总数及阅读时间

Hexo主题博客展示文字总数及阅读时间

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

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

 Hexo博客如何添加 robots.txt?

Hexo博客如何添加 robots.txt?

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

网站一定需要被Google搜索,百度搜索收录,这样才能被别人搜索到,而且结果页中排名越靠前,被用户看到的机会越大, 所以我们得通过一个叫 robots.txt的文件放在根目录上。这文件的目的,就是告诉搜索引擎应该搜索我这网站的那些内容。 我们当然希望是搜索我们文章内容本身,不要去搜那些JavaScript和CSS代码。 配置 robots.txt {#配置-robot...

 Hexo+NexT的主题如何配置本地全局搜索?

Hexo+NexT的主题如何配置本地全局搜索?

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

本地搜索不需要任何外部第三方服务,在网站内全局快速搜索。本文的配置是基于Hexo 6.0的系统和NexT8.0以上的主题。版本如果不正确可能无法正常应用。 具体操作的步骤 {#具体操作的步骤} ================== 安装搜索需要的插件 {#安装搜索需要的插件} ---------------------- 在Hexo的根目录下,打开命令可执行窗口,执行如下...

Hexo博客增加Live2D看板娘

Hexo博客增加Live2D看板娘

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

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

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

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

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

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

Hexo博客适配PJAX的指南

Hexo博客适配PJAX的指南

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

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

Hexo+Butterfly实现彩色友链

Hexo+Butterfly实现彩色友链

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

彩色友链 {#彩色友链} ============ ![](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 把友链改成外挂标签形式 {#把友链改成外挂标签形式} ========================== 只需要复制原来的友链yml,然后删除,新建一个...

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

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

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

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

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

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

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

创建文件 {#创建文件} ============ 如果想魔改和美化,添加自定义文件是不可避免的。下面来详细说一下css和js文件的创建和引入,其他文件同理。 我们找到`博客根目录`下的`source`文件夹(主题的source虽然也可以,但是不推荐) 在里面创建`js`和`css`文件夹,也可以创建其他文件夹,例如存放图片的`img`文件夹,存放字体的`font`文件夹...

Hexo博客51.LA统计美化

Hexo博客51.LA统计美化

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

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