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

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

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

pjax 是如何工作的？ {#pjax-是如何工作的？} ============================ pjax是对ajax + pushState的封装，让你可以很方便的使用pushState技术。 同时支持了缓存和本地存储，下次访问的时候直接读取本地数据，无需在次访问。 并且展现方式支持动画技术，可以使用系统自带的动画方式，也可以自定义动画展现方式。 访...

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

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

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

安装插件 {#安装插件} ============ |-----------|--------------------------------------------------| | ``` 1 ``` | ``` npm install hexo-butterfly-swiper --save ``` | 添加配置信息 {#添加配置信息} ===============...

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

首先确保 Valine 的基础功能是正常的，可以参考官网：<https://valine.js.org/> 进入 Leancloud 对应的 Valine 应用中。 Valine Admin项目代码：<https://github.com/DesertsP/Valine-Admin> 快速部署 {#快速部署} ============ 1. 在L...

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

前言 {#前言} ======== "hexo-generator-searchdb"插件功能更为强大，这次来介绍"hexo-generator-searchdb"，其实与"hexo-generator-search"使用的方法非常相似。 安装依赖 {#安装依赖} ============ 前往博客根目录，打开c...

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

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

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

前言 {#前言} ======== 支持置顶与隐藏文章的 [Hexo](http://hexo.io/) 首页生成器插件`hexo-generator-index-custom`。在官方的首页生成器的基础上添加了使用 `top` 置顶文章和 `hide` 隐藏文章的功能。 它会根据您的主题的 index 或 archive 格式生成首页。 不同之处 {#不同之处} ===...

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

简介 {#简介} ======== [hexo-generator-index2](https://github.com/Jamling/hexo-generator-index2)是带过滤功能的Hexo首页生成器插件。在官方的首页生成器基础上添加了过滤指定分类/标签的功能。比如，在首页只显示指定分类下面的文章列表。 除此之外，它还在指定的目录下生成指定类型的文章，比如在we...

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

前言 {#前言} ======== 支持跨域、随意开关接口的 hexo 博客 api 插件[hexo-info-api](https://github.com/0ojixueseno0/hexo-info-api)。 响应头 {#响应头} ========== |-------------------|-----------------------------------...