51工具盒子

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

开源工具

Hexo博客51.LA统计美化

Hexo博客51.LA统计美化

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

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

Hexo+Butterfly增加侧边栏时钟

Hexo+Butterfly增加侧边栏时钟

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

1. 安装插件,在博客根目录 `[Blogroot]` 下打开终端,运行以下指令: |-----------|-------------------------------------------------| | ``` 1 ``` | ``` npm install hexo-butterfly-clock --save ``` | 2. 添加配置信息,以下...

Hexo+Butterfly昼夜(深色和浅色模式)转换动画

Hexo+Butterfly昼夜(深色和浅色模式)转换动画

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

1. 新建 `[Blogroot]\themes\butterfly\layout\includes\custom\sun_moon.pug`, 这部分其实实质上就是一个 `svg` 文件,通过 `js` 操作它的旋转显隐,淡入淡出实现动画效果。 |---------------------------|---------------------------------...

Hexo+Butterfly美化你的友链样式

Hexo+Butterfly美化你的友链样式

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

1. 参照参考教程中的[Butterfly 友链界面配置教程](https://butterfly.js.org/posts/dc584b87/#%E5%8F%8B%E6%83%85%E9%8F%88%E6%8E%A5)先配置好默认友链页面。 2. 在 Hexo 博客根目录`[Blogroot]`下打开终端,输入 |-----------|--------------...

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

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

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

引言 {#引言} ======== 灵感来源于[eurkon](https://blog.eurkon.com/)。单靠肉眼识别字体大小来判断标题等级不是件容易的事情,若 h1\~6 标题使用不同图标的话,那么识别会容易许多。 小插曲:我之前在此问题上花了很多功夫,比如加大各等级标题字体大小之间的差值(肉眼还是难以分别)、更换颜色(确实好分辨,但主色过多不符合我对网站视觉美...

Hexo+Butterfly修改404页面留住访客

Hexo+Butterfly修改404页面留住访客

厉飞雨 阅读(16) 评论(0) 赞(0)

预览效果 {#预览效果} ============ ![](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) 实现方法 {#实现方法} ============ 1. 修改 themes\\butterfly\\layout\\404.pug,直接 copy 过去...

Hexo 个人博客 SEO 优化(1):搜索引擎原理介绍

Hexo 个人博客 SEO 优化(1):搜索引擎原理介绍

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

前言 {#前言} ======== 前段时间接到一个企业官网站内优化的任务。为了完成它,只能赶鸭子上架,从零开始系统地去学习 SEO 知识。经过几天的学习后,也算是入了门。才意识到 SEO 它的意义与重要性,觉得 SEO 对于做个人站点(博客也算是个人站点)的意义与重要性不言而喻。可能有人会反驳在如今自媒体、微信公众号及知乎、掘金、sf等各种垂直网站盛行的年代,再去研究 SE...

Hexo 个人博客 SEO 优化(2):站内优化

Hexo 个人博客 SEO 优化(2):站内优化

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

前言 {#前言} ======== SEO 优化可以分为站内优化和站外优化,而站内优化又分为:**网站结构优化和网站页面优化**。从 SEO 角度来看,做网站结构优化的目的在于: * 提高用户体验 * 提高收录 * 更好的权重分配 * 优化锚文字分布 网站结构优化简单概括有下面几个要素: * 物理及链接结构 * 清晰的导航 * 分配好子域名和目录 * 禁止收录机制 * ...