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

引言 知识小课堂：图片加载方式有两种，一个是预加载，另一个就是懒加载，那你了解什么是预加载和懒加载吗？下面来学习一下。 参考：图片预加载与图片懒加载（缓载）的区别与实现 图片预加载：顾名思义，图片预加载就是在网页全部加载之前，提前加载图片。当用户需要查看时可直接从本地缓存中渲染，以提供给用户更好的体验，减少等待的时间。否则，如果一个页面的内容过于庞大，没有使用预加载

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

引言 hexo-tag-aplayer 是Aplayer在hexo上的插件，这里的配置参考的是官方文档 安装 hexo-tag-aplayer 1 npm install --save hexo-tag-aplayer 增加音乐页面 1 hexo n

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

安装插件 1 npm install --save hexo-tag-aplayer 插件github地址 修改Hexo配置文件 123 aplayer: meting: true asset_inject: false

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

引言 每当浏览器在加载html的过程中遇到js代码片段这样的标签时，浏览器会暂停继续构建html，而是优先执行当前的js脚本，等执行完毕后再继续加载后面的html。 怎样加快博客的加载速度呢？可以通过给<script></script>添加defer和ansyc属性来实现异步加载，调整js的加载时间和顺序，确保浏览器构...

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

pjax 是如何工作的？ pjax是对ajax + pushState的封装，让你可以很方便的使用pushState技术。 同时支持了缓存和本地存储，下次访问的时候直接读取本地数据，无需在次访问。 并且展现方式支持动画技术，可以使用系统自带的动画方式，也可以自定义动画展现方式。 访问地址：pjax 使用方法 Pjax能够实现页面的局部刷新而非整体重载资源，在一定程度

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

引言 PWA的全称是Progressive Web Apps，译为渐进式网络应用程序。装配了PWA以后，用户可以将网站作为WEB APP安装到自己的设备上，以原生应用般的方式浏览博客，同时借助PWA的缓存机制，能够更快速的浏览。本文讨论的是使用两种方案实现PWA。最终效果不尽相同，但是都可以实现原生应用体验和更新弹窗提示。其实还有个离线博客，但是视方案不同会有很多BUG，而且

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

安装插件 1 npm install hexo-butterfly-swiper --save 添加配置信息 在站点配置文件_config.yml或者主题配置文件_config.butterfly.yml中添加 1234567891011121314151617

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

首先确保 Valine 的基础功能是正常的，可以参考官网：https://valine.js.org/ 进入 Leancloud 对应的 Valine 应用中。 Valine Admin项目代码：https://github.com/DesertsP/Valine-Admin 快速部署 在Leancloud云引擎设置界面，填写代码库并保存：https://gith

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

前言 “hexo-generator-searchdb”插件功能更为强大，这次来介绍“hexo-generator-searchdb”，其实与“hexo-generator-search”使用的方法非常相似。 安装依赖 前往博客根目录，打开cmd命令窗口执行npm install hexo-generator-searchdb --save。

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

前言 Hexo默认只提供了按发布日期的排序，本文将介绍通过修改hexo-generator-index来达到文章置顶的效果。 原理：在Hexo生成首页HTML时，将top值高的文章排在前面，可以达到置顶功能。 操作步骤 修改Hexo文件夹下的node_modules/hexo-generator-index/lib/generator.js，在生成文章之前进行文章top