使用 Vercel 加速 Hexo 个人博客
Vercel是一个开箱即用的网站托管平台,方便开发者快速部署自己的网站。它在全球都拥有 CND 节点,因此比 Github 官方自带的 github pages 更加稳定,访问速度更快。
hexo 使用 bat 批处理脚本维护和管理博客
使用 bat 批处理脚本维护和管理 Hexo 博客。
Hexo云服务器搭建Git服务
在云服务器上为 Hexo 搭建 Git 服务。
Hexo 增加首页轮播图
在 Hexo 博客增加首页轮播图的功能。
Hexo+Butterfly的PWA实现方案
使用Hexo和Butterfly主题的PWA实现方案进行简单介绍。
Hexo 集成 Pjax 实现网站无刷新加载
介绍pjax是如何工作,以及如何在Hexo中集成Pjax实现网站无刷新加载。
Hexo 异步加载(defer、async)
引言每当浏览器在加载html的过程中遇到js代码片段这样的标签时,浏览器会暂停继续构建html,而是优先执行当前的js脚本,等执行完毕后再继续加载后面的html。
怎样加快博客的加载速度呢?可以通过给<script></script>添加defer和ansyc属性来实现异步加载,调整js的加载时间和顺序,确保浏览器构建HTML的过程一切顺利。
defer解释说明defer特性告诉浏览器不要等待脚本。相反,浏览器将继续处理HTML,构建DOM。脚本会在后台下载,然后等DOM构建完成后,脚本才会执行。
简单来说:
具有defer特性的脚本不会阻塞页面。
具有defer特性的脚本总是要等到DOM解析完毕,但在DOMContentLoaded事件之前执行。
举例说明:
123456789<p>...content before scripts...</p><script> document.addEventListener('DOMContentLoaded', () => alert("DO ...
Hexo + Butterfly 博客增加左下角吸底网易云音乐播放器
在 Hexo 博客的左下角增加吸底网易云音乐播放器。
Hexo 添加 aplayer 音乐播放器
使用 hexo-tag-aplayer 插件为 Hexo 博客增加音乐播放器。
Hexo 图片懒加载
Hexo 使用图片懒加载的介绍和使用操作说明。