Hexo + Butterfly 博客增加左下角吸底网易云音乐播放器
安装插件 1 npm install --save hexo-tag-aplayer 插件github地址 修改Hexo配置文件 123 aplayer: meting: true asset_inject: false
安装插件 1 npm install --save hexo-tag-aplayer 插件github地址 修改Hexo配置文件 123 aplayer: meting: true asset_inject: false
引言 每当浏览器在加载html的过程中遇到js代码片段这样的标签时,浏览器会暂停继续构建html,而是优先执行当前的js脚本,等执行完毕后再继续加载后面的html。 怎样加快博客的加载速度呢?可以通过给<script></script>添加defer和ansyc属性来实现异步加载,调整js的加载时间和顺序,确保浏览器构...
pjax 是如何工作的? pjax是对ajax + pushState的封装,让你可以很方便的使用pushState技术。 同时支持了缓存和本地存储,下次访问的时候直接读取本地数据,无需在次访问。 并且展现方式支持动画技术,可以使用系统自带的动画方式,也可以自定义动画展现方式。 访问地址:pjax 使用方法 Pjax能够实现页面的局部刷新而非整体重载资源,在一定程度
引言 PWA的全称是Progressive Web Apps,译为渐进式网络应用程序。装配了PWA以后,用户可以将网站作为WEB APP安装到自己的设备上,以原生应用般的方式浏览博客,同时借助PWA的缓存机制,能够更快速的浏览。本文讨论的是使用两种方案实现PWA。最终效果不尽相同,但是都可以实现原生应用体验和更新弹窗提示。其实还有个离线博客,但是视方案不同会有很多BUG,而且
安装插件 1 npm install hexo-butterfly-swiper --save 添加配置信息 在站点配置文件_config.yml或者主题配置文件_config.butterfly.yml中添加 1234567891011121314151617
首先确保 Valine 的基础功能是正常的,可以参考官网:https://valine.js.org/ 进入 Leancloud 对应的 Valine 应用中。 Valine Admin项目代码:https://github.com/DesertsP/Valine-Admin 快速部署 在Leancloud云引擎设置界面,填写代码库并保存:https://gith
前言 “hexo-generator-searchdb”插件功能更为强大,这次来介绍“hexo-generator-searchdb”,其实与“hexo-generator-search”使用的方法非常相似。 安装依赖 前往博客根目录,打开cmd命令窗口执行npm install hexo-generator-searchdb --save。
前言 Hexo默认只提供了按发布日期的排序,本文将介绍通过修改hexo-generator-index来达到文章置顶的效果。 原理:在Hexo生成首页HTML时,将top值高的文章排在前面,可以达到置顶功能。 操作步骤 修改Hexo文件夹下的node_modules/hexo-generator-index/lib/generator.js,在生成文章之前进行文章top
前言 支持置顶与隐藏文章的 Hexo 首页生成器插件hexo-generator-index-custom。在官方的首页生成器的基础上添加了使用 top 置顶文章和 hide 隐藏文章的功能。 它会根据您的主题的 index 或 archive 格式生成首页。 不同之处 置顶sticky 与 top 参数在文章的 Front-matter 中可以使用来置顶文章。高
简介 hexo-generator-index2是带过滤功能的Hexo首页生成器插件。在官方的首页生成器基础上添加了过滤指定分类/标签的功能。比如,在首页只显示指定分类下面的文章列表。 除此之外,它还在指定的目录下生成指定类型的文章,比如在web目录下生成Web相关的文章。 安装 12 npm install hexo-gen